Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <style>
- </style>
- <script src="/scripts/snippet-javascript-console.min.js?v=1"></script>
- </head>
- <body>
- <div id="word"></div>
- <button id= "btnSurrender">give up</button>
- <button id= "btnWinning">i know</button>
- <p id="seconds">15</p>
- <div id="photo"></div>
- <div id="wins"></div>
- <div id="loses"></div>
- <script type="text/javascript">
- function getRandomItem(array) {
- return array[Math.floor(Math.random() * array.length)]
- }
- var words = ["Michael", "Simon", "Peter", "Mark"];
- function fill_in(){
- document.getElementById('word').innerHTML = "";
- document.getElementById('word').innerHTML += getRandomItem(words);
- }
- var btn1 = document.getElementById("btnSurrender");
- var btn2 = document.getElementById("btnWinning");
- var pic = document.getElementById("photo");
- var secondsP = document.getElementById('seconds');
- var clock = null;
- btn1.addEventListener("click", surrender);
- btn2.addEventListener("click", winning);
- var round = 0
- function timer () {
- if (round >= 5){
- document.getElementById('word').innerHTML = "";
- pic.innerHTML='<img 3.png" alt="">';
- secondsP.textContent = "";
- return;
- }
- round += 1
- fill_in();
- var randomWord = getRandomItem(words);
- clearInterval(clock);
- var start = new Date().getTime();
- clock = setInterval(function() {
- pic.innerHTML='<img src="" alt="">';
- var seconds = Math.round(15 - (new Date().getTime() - start) / 1000);
- if (seconds >= 0) {
- secondsP.textContent = seconds;
- } else {
- clearInterval(clock);
- }
- if (seconds === 0) {
- pic.innerHTML='<img src="img 1.png" alt="">';
- document.getElementById("loses").innerHTML += randomWord + " ";
- }
- }, 1000);
- }
- function surrender(){
- clearInterval(timer);
- clearInterval(clock);
- pic.innerHTML='<img src="img 1.png" alt="">';
- secondsP.textContent = 0;
- setTimeout(timer, 2000);
- document.getElementById("loses").innerHTML += randomWord + " ";
- }
- function winning(){
- clearInterval(timer);
- clearInterval(clock);
- pic.innerHTML='<img src="img 2.jpg" alt="">';
- secondsP.textContent = 0;
- setTimeout(timer, 2000);
- document.getElementById("wins").innerHTML += randomWord = " ";
- }
- timer();
- setInterval(timer, 17000);
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement