3 changed files with 140 additions and 0 deletions
@ -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; |
||||
|
} |
||||
@ -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> |
||||
@ -0,0 +1,8 @@ |
|||||
|
h1 { |
||||
|
color:blue |
||||
|
} |
||||
|
|
||||
|
h3 { |
||||
|
color: green; |
||||
|
background-color: darkorange; |
||||
|
} |
||||
Loading…
Reference in new issue