long 04

7 months ago · f5fd6d11aa
3 changed files with 140 additions and 0 deletions
--- a/04/app.js
+++ b/04/app.js
@ -0,0 +1,95 @@
+console.log("Hello World from JS!")
+
+//deklarovani promennych
+// var/let
+//var x; var y; var z;
+var x, y, z;
+x = 3; y = 8; z = x+y;
+console.log(z);
+
+//prace s if
+if (z == 10) {
+    console.log("z je 10");
+} else if (z < 10){
+    console.log("z je mensi nez 10")
+} else {
+    console.log("z je vetsi nez 10")
+}
+
+let scitani = x+y;
+let odecitani = x-y;
+let nasobeni = x*y;
+let deleni = x/y;
+let modulo = x%y; //zbytek po dělení
+
+//AND
+if (x<5 && y<5) {
+    console.log("obe cisla jsou mensi nez 5")
+}
+
+//OR -> | -> "pipe" AltGR + W (na cz klavesnici)
+if (x > 10 || y > 10) {
+    console.log("aspon jedno cislo je vetsi nez 10")
+}
+
+//DATOVE TYPY
+// číslo
+let cislo = 10;
+// stringy aka řetězce
+let jmenoPrijmeni = "Name LastName";
+let usaPerson = 'O\'corner'; // -> \ backslash -> AltGR + Q
+let citace = "Tož panovanik pravil \"Dlabejte, co hrdlo ráčí\"";
+//boolean
+let pravda = true;
+let lez = false;
+
+//JSON 
+const osobnost = {nazev:"hodnota",jmeno:"Jan",prijmeni:"Novak"};
+
+//pole -array
+const znackyAut = ["Škoda", "Audi", "Nissan", "BMW"];
+
+//Datum
+var datum = new Date();
+
+//Davat bacha na deklaraci
+let testPromennych;
+testPromennych = 5;         //definici - number
+testPromennych = "tester"   //edefinice - string
+
+function nazevFunkce() {
+    console.log("Vypis z konzole");
+}
+
+function binarkovac(cislo) { //binarkovac(5)
+    // let i = 0 -> startovni pozice
+    // i < cislo -> do kdy ma pracovat
+    // i++ -> co maq udelat na konci cyklu
+    for (let i = 0; i < cislo; i++) {
+        console.log("i="+i+"-->"+(2 ** i))   
+    }
+}
+
+let a,b,vysledek;
+function vypocitat(symbol) {
+    a= Number(document.getElementById("num1").value);
+    b= parseInt(document.getElementById("num2").value);
+
+    if (symbol == "+"){
+        vysledek = a+b
+    }else if (symbol == "-"){
+        vysledek = a-b
+    } else if (symbol == "*"){
+        vysledek = a*b
+    } else if (symbol == "/") {
+        vysledek = a/b
+    }else if (symbol == "%") {
+        vysledek = a % b
+    }else if (symbol == "**") {
+        vysledek = a**b
+    } else {
+        vysledek = "chyba"
+    }
+    console.log(vysledek)
+    document.getElementById("vysledek").innerText=vysledek;
+}
--- a/04/index.html
+++ b/04/index.html
@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>WTL</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <h1>WTL - uvod do JS</h1>
+    <h3 id="testerh3">lorem ipsum dupsum diplups</h3>
+    <!-- lorem -> TAB -->
+    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet ab amet modi deleniti sit veritatis. Non magnam vel ratione animi vero odio labore ducimus. Nihil, quae! Ut, natus voluptate. Voluptates.</p>
+    <button onclick="zmenaBarvy()"> Zmen barvy</button>
+
+    <hr>
+
+    <input type="number" id="num1" name="num1">
+    <input type="number" id="num2" name="num2">
+    <br><br>
+    <button onclick='vypocitat("+")'>Sečíst</button>
+    <button onclick='vypocitat("-")'>Odečítat</button>
+    <button onclick='vypocitat("*")'>Násobit</button>
+    <button onclick='vypocitat("/")'>Dělit</button>
+    <button onclick='vypocitat("%")'>Modulo</button>
+    <button onclick='vypocitat("**")'>Exponent</button>
+    <br>
+    <p>Výsledek: <span id="vysledek"></span></p>
+    <script>
+        function zmenaBarvy() {
+            document.getElementById("testerh3").style.backgroundColor = "black";
+            document.getElementById("testerh3").style.color = "white";
+        }
+    </script>
+    <script src="app.js"></script>
+</body>
+</html>
--- a/04/style.css
+++ b/04/style.css
@ -0,0 +1,8 @@
+h1 {
+    color:blue
+}
+
+h3 {
+    color: green;
+    background-color: darkorange;
+}