diff options
| author | Elias Fleckenstein <eliasfleckenstein@web.de> | 2021-12-31 19:43:34 +0100 |
|---|---|---|
| committer | Elias Fleckenstein <eliasfleckenstein@web.de> | 2021-12-31 19:43:34 +0100 |
| commit | ea0f2de71aec4696f4fb386aaa8d5f594d723487 (patch) | |
| tree | e105759a167c23ca6e29fab7878b7af703513a86 | |
| download | memory-ea0f2de71aec4696f4fb386aaa8d5f594d723487.tar.xz | |
Initial commit
| -rw-r--r-- | LICENSE | 16 | ||||
| -rw-r--r-- | README.md | 8 | ||||
| -rwxr-xr-x | image.png | bin | 0 -> 4004 bytes | |||
| -rwxr-xr-x | index.html | 161 | ||||
| -rwxr-xr-x | shapes/pics.odg | bin | 0 -> 33987 bytes | |||
| -rwxr-xr-x | shapes/s0.png | bin | 0 -> 4004 bytes | |||
| -rwxr-xr-x | shapes/s1.png | bin | 0 -> 3324 bytes | |||
| -rwxr-xr-x | shapes/s2.png | bin | 0 -> 3700 bytes | |||
| -rwxr-xr-x | shapes/s3.png | bin | 0 -> 1340 bytes | |||
| -rwxr-xr-x | shapes/s4.png | bin | 0 -> 2899 bytes | |||
| -rwxr-xr-x | shapes/s5.png | bin | 0 -> 3856 bytes | |||
| -rwxr-xr-x | shapes/s6.png | bin | 0 -> 4233 bytes | |||
| -rwxr-xr-x | shapes/s7.png | bin | 0 -> 1348 bytes |
13 files changed, 185 insertions, 0 deletions
@@ -0,0 +1,16 @@ + + + DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE + Version 2, December 2004 + + Copyright (C) 2004 Sam Hocevar <sam@hocevar.net> + + Everyone is permitted to copy and distribute verbatim or modified + copies of this license document, and changing it is allowed as long + as the name is changed. + + DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE + TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION + + 0. You just DO WHAT THE FUCK YOU WANT TO. + diff --git a/README.md b/README.md new file mode 100644 index 0000000..d283707 --- /dev/null +++ b/README.md @@ -0,0 +1,8 @@ +# Memory +A online version of Memory + + + +## Context + +I made this a few years ago and it was one of the first pieces of code I wrote, so please be gentle when reading a code. diff --git a/image.png b/image.png Binary files differnew file mode 100755 index 0000000..00e8686 --- /dev/null +++ b/image.png diff --git a/index.html b/index.html new file mode 100755 index 0000000..c5871ee --- /dev/null +++ b/index.html @@ -0,0 +1,161 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8"> +<meta name="description" content="Memory"> +<title>Memory</title> +<script> +var t1=null; +var t2=null; +var found=0; +document.addEventListener("DOMContentLoaded",verteiler); +document.addEventListener("DOMContentLoaded",controll); +document.addEventListener("DOMContentLoaded",mischen); +function verteiler(){ + for (i=0;i<=15;i++){ + document.getElementsByName('card')[i].style.width="100px"; + document.getElementsByName('card')[i].style.height="100px"; + document.getElementsByName('card')[i].style.position="absolute"; + document.getElementsByName('card')[i].style.backgroundColor="red"; + document.getElementsByName('card')[i].style.cursor="pointer"; + document.getElementsByName('card')[i].style.borderStyle="solid"; + document.getElementsByName('card')[i].style.borderWidth="2px"; + + if (i<=3){ + document.getElementsByName('card')[i].style.top="100px"; + } + else if (i<=7){ + document.getElementsByName('card')[i].style.top="250px"; + } + else if (i<=11){ + document.getElementsByName('card')[i].style.top="400px"; + } + else if (i<=15){ + document.getElementsByName('card')[i].style.top="550px"; + } + if (i===0||i===4||i===8||i===12){ + document.getElementsByName('card')[i].style.left="100px"; + } + else if (i===1||i===5||i===9||i===13){ + document.getElementsByName('card')[i].style.left="250px"; + } + else if (i===2||i===6||i===10||i===14){ + document.getElementsByName('card')[i].style.left="400px"; + } + else if (i===3||i===7||i===11||i===15){ + document.getElementsByName('card')[i].style.left="550px"; + } + + + } + } + function controll(){ + +card0=document.getElementsByName('card')[0]; +card0.addEventListener('click', function(){change(0);}, true); +card1=document.getElementsByName('card')[1]; +card1.addEventListener('click', function(){change(1);}, true); +card2=document.getElementsByName('card')[2]; +card2.addEventListener('click', function(){change(2);}, true); +card3=document.getElementsByName('card')[3]; +card3.addEventListener('click', function(){change(3);}, true); +card4=document.getElementsByName('card')[4]; +card4.addEventListener('click', function(){change(4);}, true); +card5=document.getElementsByName('card')[5]; +card5.addEventListener('click', function(){change(5);}, true); +card6=document.getElementsByName('card')[6]; +card6.addEventListener('click', function(){change(6);}, true); +card7=document.getElementsByName('card')[7]; +card7.addEventListener('click', function(){change(7);}, true); +card8=document.getElementsByName('card')[8]; +card8.addEventListener('click', function(){change(8);}, true); +card9=document.getElementsByName('card')[9]; +card9.addEventListener('click', function(){change(9);}, true); +card10=document.getElementsByName('card')[10]; +card10.addEventListener('click', function(){change(10);}, true); +card11=document.getElementsByName('card')[11]; +card11.addEventListener('click', function(){change(11);}, true); +card12=document.getElementsByName('card')[12]; +card12.addEventListener('click', function(){change(12);}, true); +card13=document.getElementsByName('card')[13]; +card13.addEventListener('click', function(){change(13);}, true); +card14=document.getElementsByName('card')[14]; +card14.addEventListener('click', function(){change(14);}, true); +card15=document.getElementsByName('card')[15]; +card15.addEventListener('click', function(){change(15);}, true); +} + +function mischen(){ +var left=[0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7]; +for(i=0;i<=15;i++){ + var f=Math.floor(Math.random()*left.length); + document.getElementsByName('card')[i].innerHTML="<img src='shapes/s"+left[f]+".png'height='100' name='pic' style='visibility:hidden' />"; + for(h=f;h<left.length;h++){ + left[h]=left[(h+1)]; + } + left.pop(); + } + + } + +function change(card){ + if(t1===null&&t2===null){ + t1=card; + document.getElementsByName('pic')[t1].style.visibility="visible"; + document.getElementsByName('card')[t1].style.borderStyle="none"; + } + else if(t2===null&&t1!=card){ + t2=card; + document.getElementsByName('pic')[t2].style.visibility="visible"; + document.getElementsByName('card')[t2].style.borderStyle="none"; + var yn=false; + if(document.getElementsByName('card')[t1].innerHTML===document.getElementsByName('card')[t2].innerHTML){ + yn=true; + } + var to=setTimeout(dis,1000,yn,t1,t2); + + } + + } + function dis(yn,a,b){ + if(yn){ + found+=1; + if(found===8){ + window.alert("You Won."); + } + document.getElementsByName('card')[a].style.visibility="hidden"; + document.getElementsByName('card')[b].style.visibility="hidden"; + + + } + document.getElementsByName('pic')[a].style.visibility="hidden"; + document.getElementsByName('pic')[b].style.visibility="hidden"; + document.getElementsByName('card')[a].style.borderStyle="solid"; + document.getElementsByName('card')[b].style.borderStyle="solid"; + t1=null; + t2=null; + } +</script> +<style> +body{background-color:#0034BC} +</style> +</head> +<body> + <div name="card"></div> + <div name="card"></div> + <div name="card"></div> + <div name="card"></div> + <div name="card"></div> + <div name="card"></div> + <div name="card"></div> + <div name="card"></div> + <div name="card"></div> + <div name="card"></div> + <div name="card"></div> + <div name="card"></div> + <div name="card"></div> + <div name="card"></div> + <div name="card"></div> + <div name="card"></div> +</body> +</html> diff --git a/shapes/pics.odg b/shapes/pics.odg Binary files differnew file mode 100755 index 0000000..2b4218d --- /dev/null +++ b/shapes/pics.odg diff --git a/shapes/s0.png b/shapes/s0.png Binary files differnew file mode 100755 index 0000000..00e8686 --- /dev/null +++ b/shapes/s0.png diff --git a/shapes/s1.png b/shapes/s1.png Binary files differnew file mode 100755 index 0000000..18fcbaf --- /dev/null +++ b/shapes/s1.png diff --git a/shapes/s2.png b/shapes/s2.png Binary files differnew file mode 100755 index 0000000..d056b0b --- /dev/null +++ b/shapes/s2.png diff --git a/shapes/s3.png b/shapes/s3.png Binary files differnew file mode 100755 index 0000000..44a352a --- /dev/null +++ b/shapes/s3.png diff --git a/shapes/s4.png b/shapes/s4.png Binary files differnew file mode 100755 index 0000000..cc00119 --- /dev/null +++ b/shapes/s4.png diff --git a/shapes/s5.png b/shapes/s5.png Binary files differnew file mode 100755 index 0000000..20687ef --- /dev/null +++ b/shapes/s5.png diff --git a/shapes/s6.png b/shapes/s6.png Binary files differnew file mode 100755 index 0000000..981496d --- /dev/null +++ b/shapes/s6.png diff --git a/shapes/s7.png b/shapes/s7.png Binary files differnew file mode 100755 index 0000000..3e48683 --- /dev/null +++ b/shapes/s7.png |
