Version - 1 - 1-38

2023-11-29 22:29:18 +01:00
commit 2b81a65227
396 changed files with 19689 additions and 0 deletions
--- a/11/index.html
+++ b/11/index.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <title>HTML</title>
+  
+  <!-- HTML -->
+  
+  <!-- By MrEidamus & Stanislav Chlup -->
+  
+  <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+<div id="button1">
+  <img src = 'https://i.postimg.cc/rdcChfG6/Notpressed.png' id="unpressed">
+  <img src = "https://i.postimg.cc/rdJG75gD/Pressed.png" id="pressed">
+ </div>
+  <script src="main.js"></script>
+  <p id="clicks"></p>
+  <button id="reset" onclick="game.reset()">Reset</button> 
+  
+  <button id="buydog" onclick="game.dog()">Buy a dog for 100 clicks!</button>
+  <button id="buycat" onclick="game.cat()">Buy a cat for 20 dogs!</button>
+</body>
+</html>
--- a/11/main.js
+++ b/11/main.js
@@ -0,0 +1,59 @@
+var items = {
+			clicks: 0,
+			dogs: 0,
+			cats: 0,
+		};
+
+var user = {
+	device: function(){return (/Android|iPhone/i.test(navigator.userAgent));},/* true for mobiles */
+	
+	setkeys: function(){
+		if(user.device()){
+			document.getElementById('button1').ontouchstart=function(){button.press()};document.getElementById('button1').ontouchend=function(){button.unpress()}
+		}else{document.getElementById('button1').onmousedown=function(){button.press()};document.getElementById('button1').onmouseup=function(){button.unpress()};};},
+	
+};
+
+var button = {
+	
+	press: function(){
+		game.click();
+			document.getElementById('unpressed').style.visibility = 'hidden';
+			document.getElementById('pressed').style.visibility = 'visible';
+	},
+	
+	unpress: function(){
+			document.getElementById('unpressed').style.visibility = 'visible';
+			document.getElementById('pressed').style.visibility = 'hidden';
+	},
+};
+
+var ui = {
+	updateitems: function(){document.getElementById('clicks').innerHTML='clicks: ' + items.clicks + ', ' + ' dogs: ' + items.dogs + ', ' + 'cats: ' + items.cats;
+	localStorage.setItem('items',JSON.stringify(items))}
+	
+}
+
+
+
+var game = {
+	loaditems: function(){
+		items = JSON.parse(localStorage.getItem('items'));
+	},
+	
+	reset: function(){if(confirm('are you sure you want to reset all your progress')){items={clicks: 0,dogs: 0,cats: 0,};ui.updateitems();}},
+	
+	click: function(){items.clicks+=1;ui.updateitems();},
+	
+	dog: function(){if(items.clicks>=100){items.dogs+=1;items.clicks-=100;ui.updateitems();}},
+	
+	cat: function(){if(items.dogs>=20){items.cats+=1;items.dogs-=20;ui.updateitems();}},
+};
+
+window.onload = function(){
+	user.setkeys();
+	
+	if (localStorage.getItem('items')!=null){game.loaditems();};
+	
+	ui.updateitems();
+};
--- a/11/style.css
+++ b/11/style.css
@@ -0,0 +1,42 @@
+body {
+    font-size: 15pt;
+}
+#unpressed{
+	position: absolute;
+	width: 300px;
+	height: 300px;
+	
+	
+}
+#pressed{
+	position: absolute;
+	width: 300px;
+	height: 300px;
+	visibility: hidden;
+}
+#button1{
+  user-select: none;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin: -150px 0 0 -150px;
+}
+#reset{
+  user-select: none;
+  width: 75px;
+  height: 50px;
+  background-color: darkred;
+  color: #ffffff;
+}
+#buydog{
+  user-select: none;
+  width: 180px;
+  height: 50px;
+  background-color: wheat;
+}
+#buycat{
+  user-select: none;
+  width: 180px;
+  height: 50px;
+  background-color: darkgray;
+}