From f5fd6d11aa291038a762dc9b3f9e91eceea86d13 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jakub=20=C5=A0krab=C3=A1nek?= Date: Wed, 25 Sep 2024 15:59:12 +0200 Subject: [PATCH] long 04 --- 04/app.js | 95 +++++++++++++++++++++++++++++++++++++++++++++++++++ 04/index.html | 37 ++++++++++++++++++++ 04/style.css | 8 +++++ 3 files changed, 140 insertions(+) create mode 100644 04/app.js create mode 100644 04/index.html create mode 100644 04/style.css diff --git a/04/app.js b/04/app.js new file mode 100644 index 0000000..15bc783 --- /dev/null +++ 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; +} \ No newline at end of file diff --git a/04/index.html b/04/index.html new file mode 100644 index 0000000..5ccf6f3 --- /dev/null +++ b/04/index.html @@ -0,0 +1,37 @@ + + + + + + WTL + + + +

WTL - uvod do JS

+

lorem ipsum dupsum diplups

+ +

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.

+ + +
+ + + +

+ + + + + + +
+

Výsledek:

+ + + + \ No newline at end of file diff --git a/04/style.css b/04/style.css new file mode 100644 index 0000000..4035afd --- /dev/null +++ b/04/style.css @@ -0,0 +1,8 @@ +h1 { + color:blue +} + +h3 { + color: green; + background-color: darkorange; +} \ No newline at end of file