Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>Document</title>
- <style>
- #plansza {
- width: 800px;
- height: 800px;
- margin: auto;
- }
- table,
- td {
- border: 1px solid black;
- border-spacing: 0px;
- width: 40px;
- height: 40px;
- }
- .bok {
- background-color: lightgreen;
- }
- .srodek {
- background-color: lightyellow;
- }
- .robaczek {
- width: 40px;
- height: 40px;
- background-color: lightpink;
- }
- </style>
- </head>
- <body onkeydown="przyciski(event)">
- <table id="plansza"></table>
- </body>
- <script>
- var plansza = new Array
- var ruch = 1
- var wspolrzedne = []
- var zaczynanko
- function tworzeniePlanszy() {
- var tabela = document.getElementById("plansza")
- for (var y = 0; y < 20; y++) {
- plansza[y] = new Array
- var rzadek = document.createElement("tr")
- tabela.appendChild(rzadek)
- for (var x = 0; x < 20; x++) {
- var komorka = document.createElement("td")
- plansza[y][x] = { "X": x, "Y": y, "komorka": komorka }
- if (y == 0 || x == 0 || y == 19 || x == 19) {
- komorka.className = "bok"
- wspolrzedne.push({
- osx: x,
- osy: y
- })
- }
- else {
- komorka.className = "srodek"
- wspolrzedne.push({
- osx: x,
- osy: y
- })
- }
- rzadek.appendChild(komorka)
- }
- }
- }
- function robal() {
- plansza[10][10].komorka.className = "robaczek"
- var discorobaczek = new Array()
- discorobaczek[0] = { "X": 10, "Y": 10 }
- console.log(discorobaczek[0])
- }
- function przyciski(e) {
- if (e.code == "Space" || e.code == "ArrowUp") {
- zaczynanko = setInterval(function () {
- robal()
- }, 100)
- }
- if (e.code == "ArrowLeft") {
- console.log(e.code)
- }
- if (e.code == "ArrowRight") {
- console.log(e.code)
- }
- if (e.code == "ArrowDown") {
- console.log(e.code)
- }
- if (e.code == "ArrowUp") {
- console.log(e.code)
- }
- }
- tworzeniePlanszy()
- console.log(plansza)
- </script>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement