Script

Script

// todo: Carousel

document.addEventListener("DOMContentLoaded", function () {

  const carousel = document.querySelector(".carousel");

  let counter = 0;

  

  setInterval(() => {

    counter++;

    if (counter >= 4) {

      counter = 0;

    }

    carousel.style.transform = "translateX(" + -counter * 100 + "%)";

  }, 5000);

});

  

//todo: Input Icon animation

$("input").on("focusout", function () {

  $(this).each(function (i, e) {

    if ($(e).val() != "") {

      $(e).addClass("not-empty");

    } else {

      $(e).removeClass("not-empty");

    }

  });

});

  

$(".login").on("click", function () {

  $(this).animate(

    {

      fontSize: 0,

    },

    300,

    function () {

      $(".check").addClass("in");

    }

  );

});

This line appears after every note.

Notes mentioning this note


Here are all the notes in this garden, along with their links, visualized as a graph.

CarouselFormStyleAll in oneFont SheetMaterialIndex.jsScriptRoadmap of Java Programming LanguageWhat is java programming languageWhat is variables in javaHow to create a jar file your programmerBefore starting react js, we should need to learn...