Intro

Education is the key to success in life, and teachers make a lasting impact in the lives of their students. - Solomon Ortiz

This is my Performance Task 1 & 2 in Computer Programming and Computer System Servicing on 4^th Quarter.

About

This is for the Performance task 1 & 2 for computer programming and computer system servicing in 4th quarter 2nd semester at YASC.
The main purpose of this webpage is to highlight the websites I made from March 1 to March 29 2021 some of the website are "over engineered" because I made them have too many features than necessary for an online shopping website its was unnecessarily complex or inefficient at the end but it was an successful training project as a student.
The development and its process are such a mystery at first but now I can keep up and manage to add more features to the website although i still have many things to learn like other programming languages and data structures and varous other stuff this project was an great headstart.

• Facebook
• Twitter
• Instagram
• GitHub

Website

This is my Performance Task 1 & 2 in Computer Programming and Computer System Servicing for 4^th Quarter 2nd semester
Deadline: March 25, 2021

delete() {
 if (event.target.classList == "product-box__btn--delete") {
  let mainElement = event.target.parentNode.parentNode
  mainElement.classList.add('delete')
  setTimeout(() => {
   mainElement.remove();
   cart.price();
  }, 900);
 }
},

const filter = {
 filterAction() {
  document.querySelectorAll(".product-box__item").forEach((item) => {
   let categoryAtribut = item.getAttribute("data-category");
   let priceAtribut = Number(item.getAttribute("value"));

   if (
    (filter.category() == categoryAtribut || filter.category() == "all") &&
    (filter.price() >= priceAtribut || filter.price() == "0")
   ) {
     item.style.display = "flex";
   } else {
     item.style.display = "none";
   }
  });
 },

 price() {
  let priceValue = document.querySelector(".price-value__item");
  priceValue.innerHTML = document.querySelector("[data-filter]").value;

  return document.querySelector("[data-filter]").value;
 },

 category() {
  let radio = document.querySelectorAll(".category-control");
  for (const item of radio) {
   if (item.checked) {
    return item.getAttribute("data-value-category");
   }
  }
 },

 checkAtributeToggle() {
  document.querySelector(".select-control").addEventListener("click", () => {
   document.querySelectorAll(".category-control").forEach((item) => {
    item.removeAttribute("checked");
   });

   if (event.target.classList == "category-control") {
    event.target.setAttribute("checked", "");
   } else {
    event.stopImmediatePropagation();
   }
  });
 },
};

filter.checkAtributeToggle();

document
 .querySelector(".select-control")
 .addEventListener("click", filter.filterAction);

document
 .querySelector(".price-control")
 .addEventListener("change", filter.filterAction);

Contact

• Facebook
• Twitter
• Instagram
• GitHub

Elements

i = 0;

while (!deck.isInOrder()) {
print 'Iteration ' + i;
deck.shuffle();
i++;
}

print 'It took ' + i + ' iterations to sort the deck.';