Home Explore Help
Sign In
Emmanuil
/
homework
Watch 1
Star 0
Fork 0
Files Issues 7 Pull Requests 0 Wiki
Browse Source

done

Emmanuil 4 years ago
parent
eac1a3a018
commit
5def42f75b
2 changed files with 48 additions and 16 deletions
Unified View Show Diff Stats
  1. 33 16
      js-06/index.html
  2. 15 0
      js-06/js.js

+ 33 - 16
js-06/index.html
View File 

@@ -1,22 +1,39 @@
 
 <!DOCTYPE html>
 
 <!DOCTYPE html>
 
 <html lang="en">
 
 <html lang="en">
 
-<head>
 
-    <meta charset="UTF-8">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+  <head>
 
+    <meta charset="UTF-8" />
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
     <title>Document</title>
 
     <title>Document</title>
 
     <style>
 
     <style>
 
-        table td {
 
-            border: 1px solid black;
 
-            padding: 20px;
 
-            width: 20px;
 
-            text-align: center;
 
-            font-size: 20px;
 
-            cursor: pointer;
 
-        }
 
+      body {
 
+        padding: 10px;
 
+      }
 
+      table td {
 
+        border: 1px solid black;
 
+        padding: 20px;
 
+        width: 20px;
 
+        text-align: center;
 
+        font-size: 20px;
 
+        cursor: pointer;
 
+      }
 
+      input {
 
+        width: 100%;
 
+        height: 40px;
 
+        margin: 3px 0;
 
+        font-size: 30px;
 
+      }
 
+      #calc {
 
+        width: calc(100% + 4px);
 
+        text-transform: uppercase;
 
+      }
 
     </style>
 
     </style>
 
-</head>
 
-<body>
 
-    
+  </head>
 
+  <body>
 
+    <input type="number" id="number1" /> <br />
 
+    <input type="number" id="number2" /> <br />
 
+    <input type="number" id="result" /> <br />
 
+    <input type="button" id="calc" value="calc"/>
 
+
 
     <script src="js.js"></script>
 
     <script src="js.js"></script>
 
-</body>
 
-</html>
 
+  </body>
 
+</html>

+ 15 - 0
js-06/js.js
View File 

@@ -39,3 +39,18 @@
 
 // };
 
 // };
 
 // table.onmouseover = (event) => changeBg(event, "black", "white");
 
 // table.onmouseover = (event) => changeBg(event, "black", "white");
 
 // table.onmouseout = (event) => changeBg(event, "", "");
 
 // table.onmouseout = (event) => changeBg(event, "", "");
 
+
 
+// CALC
 
+// calc.onclick = function () {
 
+//   resultNumber = +number1.value + +number2.value;
 
+//   var result = document.getElementById("result");
 
+//   result.value = resultNumber;
 
+// };
 
+
 
+
 
+// Calc Live
 
+// function calc() {
 
+//   result.value =( (+number1.value) + (+number2.value));
 
+// }
 
+// number1.oninput = calc;
 
+// number2.oninput = calc;