diff --git a/game/game.js b/game/game.js new file mode 100644 index 0000000..2cee22d --- /dev/null +++ b/game/game.js @@ -0,0 +1,66 @@ +function getvalue(id) { + var number = document.getElementById(id).value; + let obj = new Game(number); + obj.fight(); +} + +class Game { + constructor(choice) { + this.choice = choice; + } + + computer_choice() { + var x = Math.random() * 3; + var x = Math.floor(x) + var choices = ['rock', 'paper', 'scissor'] + + return choices[x]; + } + + fight() { + + var a = this.computer_choice(); + let b = this.choice; + let c = Number(document.getElementById('computer_score').textContent); + let u = Number(document.getElementById('user_score').textContent); + let n = Number(document.getElementById('points').value); + + if (n) { + document.getElementById('computer_img').src = `img/${a}.png` + document.getElementById('user_img').src = `img/${b}.png` + if ((a == "rock" & b == "scissor") | (a == "scissor" & b == "paper") | (a == "paper" & b == "rock")) { + document.getElementById('computer_score').innerHTML = c += 1; + document.getElementById('score').innerHTML = "Computer Wins"; + } + else if ((b == "rock" & a == "scissor") | (b == "scissor" & a == "paper") | (b == "paper" & a == "rock")) { + document.getElementById('user_score').innerHTML = u += 1; + document.getElementById('score').innerHTML = "User Wins"; + } else { + document.getElementById('score').innerHTML = "Tie"; + } + } + + if (n == c) { + const buttons = document.getElementsByClassName("btn"); + for (let i = 0; i < buttons.length; i++) { + buttons[i].disabled = true; + } + document.getElementById("computer_header").classList.add("bg-success"); + document.getElementById("computer_body").classList.add("border-success"); + document.getElementById("user_header").classList.add("bg-danger"); + document.getElementById("user_body").classList.add("border-danger"); + } + else if (n == u) { + const buttons = document.getElementsByClassName("btn"); + for (let i = 0; i < buttons.length; i++) { + buttons[i].disabled = true; + } + document.getElementById("user_header").classList.add("bg-success"); + document.getElementById("user_body").classList.add("border-success"); + document.getElementById("computer_header").classList.add("bg-danger"); + document.getElementById("computer_body").classList.add("border-danger"); + + } + + } +} \ No newline at end of file diff --git a/game/img/paper.png b/game/img/paper.png new file mode 100644 index 0000000..75bfbdd Binary files /dev/null and b/game/img/paper.png differ diff --git a/game/img/rock.png b/game/img/rock.png new file mode 100644 index 0000000..a5992b0 Binary files /dev/null and b/game/img/rock.png differ diff --git a/game/img/scissor.png b/game/img/scissor.png new file mode 100644 index 0000000..c4b4b5a Binary files /dev/null and b/game/img/scissor.png differ diff --git a/game/index.html b/game/index.html new file mode 100644 index 0000000..ca38b40 --- /dev/null +++ b/game/index.html @@ -0,0 +1,65 @@ + + + + + + + Rock Paper Scissor + + + + +
+
+
+ Rock Paper Scissor Game +
+
+
+
+
+ Computer +
+
+ ... +
+
+
+
+
+ + +
Score
+
Computer VS User
+

0 : 0

+
Result
+
+
+
+
+
+ User +
+
+ ... +
+ + + +
+
+
+
+
+
+ Good Luck +
+
+
+ + \ No newline at end of file diff --git a/game/promise.js b/game/promise.js new file mode 100644 index 0000000..2136bfe --- /dev/null +++ b/game/promise.js @@ -0,0 +1,22 @@ +const promiseMethod = () => { + return new Promise((reslove, request)=> { + setTimeout(() => { + reslove('hi'); + }, 2000); + }); +} + +promiseMethod().then((value) => { + console.log("done",value); +}, +(value)=>{ + console.log("reject"); +}); + + +async function abc() +{ + const data = await fetch('https://portal.tycoonstats.com/api/demo') + console.log(data.text()) +} +abc() \ No newline at end of file