From 175a5a91d15cbcb2b6443da4c1b7951f11f77b64 Mon Sep 17 00:00:00 2001 From: debo1988 <58120831+debo1988@users.noreply.github.com> Date: Mon, 2 Dec 2019 15:50:33 +0200 Subject: [PATCH 1/2] test --- js/main.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/js/main.js b/js/main.js index 6b66c35..641a880 100644 --- a/js/main.js +++ b/js/main.js @@ -39,4 +39,5 @@ function pointsToId (arr){ rowNum = ("0" + row).slice(-2); colNum = ("0" + col).slice(-2); return (`R${rowNum}C${colNum}`) -} \ No newline at end of file +} +//test de debo \ No newline at end of file From 3872db5645fb19ddfe2ef68b52f834c387b5a034 Mon Sep 17 00:00:00 2001 From: debo1988 <58120831+debo1988@users.noreply.github.com> Date: Wed, 4 Dec 2019 14:38:12 +0200 Subject: [PATCH 2/2] created function --- index.html | 4 +- js/main.js | 140 ++++++++++++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 141 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index a88bd89..e254a0d 100644 --- a/index.html +++ b/index.html @@ -5,12 +5,12 @@ Document - +
- + \ No newline at end of file diff --git a/js/main.js b/js/main.js index 641a880..b524541 100644 --- a/js/main.js +++ b/js/main.js @@ -40,4 +40,142 @@ function pointsToId (arr){ colNum = ("0" + col).slice(-2); return (`R${rowNum}C${colNum}`) } -//test de debo \ No newline at end of file + +//let pressedMouse = false; +let axe = false; +let shovel = false; +let pickaxe = false; + + +let box = document.getElementsByClassName("block"); + +document.getElementById("axe").addEventListener('click', function(event){ + axe = true; + shovel = false; + pickaxe = false; +}); + + +document.getElementById("shovel").addEventListener('click', function(event){ + axe = false; + shovel = true; + pickaxe = false; +}); + + +document.getElementById("pickaxe").addEventListener('click', function(event){ + axe = false; + shovel = false; + pickaxe = true; +}); + +//grass +box.addEventListener('click',function(){ + + if (box.classList('grass') && shovel){ + + box.classList.remove("grass"); + }else{ + box.addEventListener("mousedown",function(e){ + //pressedMouse = true; + box.classList.add("background-red"); + }); + box.addEventListener("onmousemove", function(e){ + //pressedMouse = true; + box.classList.add("background-red"); + }); + box.addEventListener("mouseup", function(e){ + //pressedMouse = false; + box.classList.remove("background-red"); + }); + } +}); +//dirt +box.addEventListener('click',function(){ + + if (box.classList("dirt") && shovel){ + + box.remove.classList("dirt"); + }else{ + box.addEventListener("mousedown",function(e){ + //pressedMouse = true; + box.classList.add("background-red"); + }); + box.addEventListener("onmousemove", function(e){ + //pressedMouse = true; + box.classList.add("background-red"); + }); + box.addEventListener("mouseup", function(e){ + //pressedMouse = false; + box.classList.remove("background-red"); + }); + } + +}); +//tree +box.addEventListener('click',function(){ + + if (box.classList("tree") && axe){ + + box.remove.classList("tree"); + }else{ + box.addEventListener("mousedown",function(e){ + //pressedMouse = true; + box.classList.add("background-red"); + }); + box.addEventListener("onmousemove", function(e){ + //pressedMouse = true; + box.classList.add("background-red"); + }); + box.addEventListener("mouseup", function(e){ + //pressedMouse = false; + box.classList.remove("background-red"); + }); + } + +}); +//leave +box.addEventListener('click',function(){ + + if (box.classList("leave") && axe){ + + box.remove.classList("leave"); + }else{ + box.addEventListener("mousedown",function(e){ + //pressedMouse = true; + box.classList.add("background-red"); + }); + box.addEventListener("onmousemove", function(e){ + //pressedMouse = true; + box.classList.add("background-red"); + }); + box.addEventListener("mouseup", function(e){ + //pressedMouse = false; + box.classList.remove("background-red"); + }); + } + +}); +//rock +box.addEventListener('click',function(){ + + if (box.classList("rock") && pickaxe){ + + box.remove.classList("rock"); + }else{ + box.addEventListener("mousedown",function(e){ + //pressedMouse = true; + box.classList.add("background-red"); + }); + box.addEventListener("onmousemove", function(e){ + //pressedMouse = true; + box.classList.add("background-red"); + }); + box.addEventListener("mouseup", function(e){ + //pressedMouse = false; + box.classList.remove("background-red"); + }); + } + +}); +