TechFix/website.js at main · bhargava562/TechFix · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
let n1 = document.querySelector('.cross');
let n2 = document.querySelector('.cont');
n1.addEventListener('click',()=> {
    n2.classList.toggle('cont1');
})

let im = ["1","2","3","4","5"];
let im1=document.querySelector(".tswt");
let btn1=document.querySelectorAll(".button");
let count=0;
btn1.forEach((btn)=>{
  btn.addEventListener('click',()=>{

   if(btn.classList.contains('left'))
   {
        count--;
        if(count<0)
        {
            count=im.length-1;
        }
        im1.style.background= `url(${im[count]}.jpg) center/cover no-repeat`;
   }
   else {
        ++count;
        if(count==im.length)
        {
            count=0;
        }
        im1.style.background= `url(${im[count]}.jpg)  center/cover no-repeat`;
   }
  })
})
//login page
let cr1 = document.querySelector('#crs1');
let su1 = document.querySelector('#si');
let su2 = document.querySelector('.login');
let br1 = document.querySelector('.half1');
su1.addEventListener('click',()=>
{
//ifelse to change the style when it is clicked
    if(su2.style.display=='none')
    {
        su2.style.display = 'block';
        br1.style.background = 'linear-gradient(to right,rgba(0,0,0,0.7),rgba(0,0,0,0.7))';
    }
    else {
        su2.style.display = 'none';
        br1.style.background = 'linear-gradient(to right,rgba(0,0,0,0.3),rgba(0,0,0,0.3))';
    }
})

cr1.addEventListener('click',()=>{
    su2.style.display = 'none';
    br1.style.background = 'linear-gradient(to right,rgba(0,0,0,0.3),rgba(0,0,0,0.3))';
})
//show/hidepass
let pn1 = document.getElementById("sp");
 let pn2=document.getElementById("password");
 pn1.addEventListener('click',()=>
 {
     if(pn2.type==="password")
     {
         pn2.type="text";
         pn1.className = "fas fa-eye-slash";
     }
     else {
         pn2.type="password";
         pn1.className = "fas fa-eye";
     }
 })
 let id = (id)=>document.getElementById(id);
 let classes = (classes)=>document.getElementsByClassName(classes);
 let username= id("username"),
     Email= id("Email"),
 password= id("password"),
 form= id("form"),
 errormsg = classes("error");

 form.addEventListener("submit",(e)=>
 {
     e.preventDefault();
     engine(username,0,"Invalid username");
     engine(Email,1,"Invalid Email");
     engine(password,2,"Invalid Password");
 })
 let engine = (id,serial,msg)=>{
     if(id.value.trim()==="")
     {
         errormsg[serial].innerHTML = msg;
         id.style.border="2px solid red";
         id.setAttribute("class","er");

     }
     else {
         errormsg[serial].innerHTML = "";
         id.style.border="2px solid green"
         //closes after 2 seconds
         setTimeout(() => {
            su2.style.display = 'none';
            br1.style.background = 'linear-gradient(to right,rgba(0,0,0,0.3),rgba(0,0,0,0.3))';
         }, 2000);

     }
 }
//response

let r = document.querySelector('#sub');
r.addEventListener('click',()=>
{
    let names = document.getElementById('name').value;
    if(document.getElementById('mail').value!="" && document.getElementById('msg').value!="")
    {
    document.getElementById('disp').innerHTML = `Thank You, ${names} ,for your Response`;
    }
    else {
        document.getElementById('disp').innerHTML = "Please Fill and Submit";
    }
})