Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <body>
- <div id="w1" style="position: absolute; top: 0px; left: 300px;" class="wall">#</div>
- <div id="w2" style="position: absolute; top: 100px; left: 300px; display: none;" class="wall">#</div>
- <div id="w3" style="position: absolute; top: 200px; left: 300px;">#</div>
- <div id="player" style="position: absolute; left: 0px; top: 100px;">3</div>
- <script>
- var i = 1;
- document.onkeypress = function(evt) {
- var charStr = String.fromCharCode((evt || window.event).keyCode || evt.which);
- if (charStr == "w") {
- document.getElementById("player").style.top = "0px";
- i = 0;
- } else if (charStr == "s") {
- document.getElementById("player").style.top = "100px";
- i = 1;
- } else if (charStr == "x") {
- document.getElementById("player").style.top = "200px";
- i = 2;
- }
- };
- var level = 1;
- var wis = 1;
- setInterval(function(){
- var random = Math.floor(Math.random() * 3) + 1;
- var w3f = parseInt(document.getElementById("w3").style.left.slice(0, -2));
- var w2f = parseInt(document.getElementById("w3").style.left.slice(0, -2));
- var w1f = parseInt(document.getElementById("w3").style.left.slice(0, -2));
- if (w1f < 0) {
- if (random == 1) {
- document.getElementById("w1").style.display = "none";
- document.getElementById("w2").style.display = "block";
- document.getElementById("w3").style.display = "block";
- wis = 0;
- } else if (random == 2) {
- document.getElementById("w2").style.display = "none";
- document.getElementById("w1").style.display = "block";
- document.getElementById("w3").style.display = "block";
- wis = 1;
- } else {
- document.getElementById("w3").style.display = "none";
- document.getElementById("w2").style.display = "block";
- document.getElementById("w1").style.display = "block";
- wis = 2;
- }
- document.getElementById("w1").style.left = "400px";
- document.getElementById("w2").style.left = "400px";
- document.getElementById("w3").style.left = "400px";
- } else {
- document.getElementById("w1").style.left = w1f - 100 + "px";
- document.getElementById("w2").style.left = w2f - 100 + "px";
- document.getElementById("w3").style.left = w3f - 100 + "px";
- }
- if (w1f == 0) {
- if (wis == i) {
- level++;
- } else {
- alert("You lost at level: "+ level);
- level = 1;
- }
- }
- }, 250);
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement