├── index.html └── script.js /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Js Exam 8 | 9 | 10 | 31 | 32 | 33 |

Number Gassing Game

34 |

35 |

Player One

36 | 37 | 38 |

39 | 40 |

41 |

Player Two

42 | 43 | 44 |

45 | 46 |

47 |

Player Three

48 | 49 | 50 |

51 | 52 |

53 | 54 | 55 | 56 | -------------------------------------------------------------------------------- /script.js: -------------------------------------------------------------------------------- 1 | let player1 = document.querySelector('.player1'); 2 | let player1btn = document.querySelector('.player1Btn'); 3 | let player1Number = document.querySelector('.player1Number'); 4 | let player2 = document.querySelector('.player2'); 5 | let player2btn = document.querySelector('.player2Btn'); 6 | let player2Number = document.querySelector('.player2Number'); 7 | let player3 = document.querySelector('.player3'); 8 | let player3btn = document.querySelector('.player3Btn'); 9 | let player3Number = document.querySelector('.player3Number'); 10 | let box1 = document.querySelector('.box1') 11 | let box2 = document.querySelector('.box2') 12 | let box3 = document.querySelector('.box3') 13 | let errorAndresult= document.querySelector('.eandr') 14 | 15 | let Attemp =0; 16 | let Attemp1 =0; 17 | 18 | player1btn.addEventListener('click',function(){ 19 | errorAndresult.innerHTML ='' 20 | let p1N= player1Number.value; 21 | if(Boolean(p1N-10) && p1N!=''){ 22 | if(p1N < 10 ){ 23 | box1.style.display = 'none'; 24 | box2.style.display = 'block'; 25 | }else{ 26 | errorAndresult.innerHTML = 'Please Give a Number Less then 10' 27 | } 28 | }else{ 29 | errorAndresult.innerHTML= 'Please Give me a Number ' 30 | } 31 | 32 | }) 33 | 34 | player2btn.addEventListener('click',function(){ 35 | 36 | Attemp++ 37 | let p1N= player1Number.value 38 | let p2N= player2Number.value; 39 | if(Boolean(p2N-10) && p2N != '' ){ 40 | if(Attemp<=5){ 41 | console.log(Attemp); 42 | if(p1N==p2N ){ 43 | box2.style.display = 'none'; 44 | box3.style.display = 'block'; 45 | }else if(p1N !=p2N && Attemp ==5){ 46 | box2.style.display = 'none'; 47 | box3.style.display = 'block'; 48 | } 49 | } 50 | }else{ 51 | errorAndresult.innerHTML = 'Please Give me a Number ' 52 | } 53 | }) 54 | 55 | player3btn.addEventListener('click',function(){ 56 | let p1N =player1Number.value; 57 | let p2N =player2Number.value; 58 | let p3N =player3Number.value; 59 | Attemp1++; 60 | if(Attemp1<= 5){ 61 | console.log(Attemp1); 62 | if(p1N==p3N && p1N==p2N){ 63 | errorAndresult.innerHTML='Player 2 And 3 winner'; 64 | box3.style.display ='none' 65 | }else if(p1N == p3N && p2N != p1N){ 66 | errorAndresult.innerHTML='Player 3winner'; 67 | box3.style.display ='none' 68 | }else if(p2N ==p1N && p1N != p3N && Attemp1 ==5){ 69 | errorAndresult.innerHTML='Player 2 winner'; 70 | box3.style.display ='none' 71 | }else if(p1N != p3N && Attemp1 == 5){ 72 | errorAndresult.innerHTML='Player 1 winner'; 73 | box3.style.display ='none' 74 | } 75 | } 76 | 77 | 78 | }) 79 | --------------------------------------------------------------------------------