https://khshield.com/template/js/module/Form.js

1export default function Form() {
2  $(window).ready(function () {
3    const field = $(".form-control");
4    if (field) {
5      field.each(function () {
6        const fieldInput = $(this).find(".form-ctr");
7        if (fieldInput.val()) {
8          fieldInput.parent().addClass("checked");
9        }
10      });
11      field.focusin(function () {
12        $(this).addClass("checked");
13      });
14      field.focusout(function () {
15        const fieldInput = $(this).find(".form-ctr");
16        if (fieldInput.val()) {
17          return;
18        } else {
19          $(this).removeClass("checked");
20        }
21      });
22    }
23  });
24
25  const solution = document.querySelector('.us-solution-content');
26  if (solution) {
27    const solutionItem = document.querySelectorAll('.us-solution-item');
28    solutionItem.forEach(items => {
29      items.addEventListener('click', () => {
30        for (let i = 0; i < solutionItem.length; i++) {
31          solutionItem[i].classList.remove('active')
32          // $(solutionItem[i]).css('order','4')
33        }
34        items.classList.add('active')
35        // $(items).css('order','1')
36      })
37      let k = 0
38      setInterval(() => {
39        k++;
40        if (k <= solutionItem.length) {
41          for (let i = 0; i < solutionItem.length; i++) {
42            items.classList.remove('active')
43            solutionItem[k - 1].classList.add('active')
44          }
45        } else {
46          k = 1;
47          items.classList.remove('active')
48          solutionItem[0].classList.add('active')
49        }
50        // console.log(k)
51      }, 3000)
52    })
53  }
54}