console.log("Salom, dunyo!");
<!DOCTYPE html>
<html lang="uz">
<head>
<meta charset="UTF-8">
<title>JS Natija chiqarish</title>
</head>
<body>
<h2 id="natija"></h2>

<script>
let ism = "Ali";
document.getElementById("natija").innerHTML = "Salom, " + ism;
</script>
</body>
</html>
if (true) {
var a = 10;
let b = 20;
}
console.log(a); // 10 (var blok ichida ham ko‘rinadi)
console.log(b); // Xato! (let faqat blok ichida ishlaydi)
var x = 5;
var x = 10; // Ruxsat bor
console.log(x); // 10

let y = 5;
let y = 10; // Xato! (let qayta e'lon qilinmaydi)
<!DOCTYPE html>
<html lang="uz">
<head>
<meta charset="UTF-8">
<title>Inputdan qiymat olish</title>
</head>
<body>
<input type="text" id="ism" placeholder="Ismingizni kiriting">
<button onclick="natija()">Ko‘rsat</button>
<h2 id="chiqish"></h2>

<script>
function natija() {
let ism = document.getElementById("ism").value;
document.getElementById("chiqish").innerHTML = "Salom, " + ism;
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Misol</title>
</head>
<body>
<h1>Salom, JavaScript!</h1>
<script>
alert("JavaScript ishga tushdi!");
</script>
</body>
</html>
let ism = "Ali";
let yosh = 25;
let tugilgan_sana = 1997;
let salom = "Salom, dunyo!";
console.log(salom);
let a = 10;
let b = 5;
console.log(a + b); // 15
console.log(a - b); // 5
console.log(a * b); // 50
console.log(a / b); // 2
let x = 10;
let y = "10";
console.log(x == y); // true
console.log(x === y); // false
console.log(x != y); // false
console.log(x !== y); // true
let yosh = 20;
if (yosh < 18) {
console.log("Siz hali voyaga yetmadingiz.");
} else if (yosh >= 18 && yosh < 65) {
console.log("Siz voyaga yetgansiz.");
} else {
console.log("Siz keksa.");
}
function salomBer() {
console.log("Salom, o'quvchilar!");
}
salomBer();
function kvadrat(a) {
return a * a;
}
console.log(kvadrat(4)); // 16
let mevalar = ["olma", "banan", "gilos"];
mevalar.push("apelsin");
console.log(mevalar); // ["olma", "banan", "gilos", "apelsin"]
mevalar.pop();
console.log(mevalar); // ["olma", "banan", "gilos"]
for (let i = 0; i < 5; i++) {
console.log(i);
}
let i = 0;
while (i < 5) {
console.log(i);
i++;
}
let mevalar = ["olma", "banan", "gilos"];
for (let i = 0; i < mevalar.length; i++) {
console.log(mevalar[i]);
}
DOM

let h1Element = document.querySelector("h1");
console.log(h1Element.innerText);

let yangiElement = document.createElement("p");
yangiElement.innerText = "Bu yangi paragraf.";
document.body.appendChild(yangiElement);


document.querySelector("button").addEventListener("click", function() {
alert("Tugma bosildi!");
});
<!DOCTYPE html>
<html>
<head>
<title>Hisoblagich</title>
</head>
<body>
<h1>Hisoblagich</h1>
<p id="hisob">0</p>
<button id="orttiring">+1</button>
<button id="kamaytiring">-1</button>
<script>
let hisob = 0;
document.getElementById("orttiring").addEventListener("click", function() {
hisob++;
document.getElementById("hisob").innerText = hisob;
});
document.getElementById("kamaytiring").addEventListener("click", function() {
hisob--;
document.getElementById("hisob").innerText = hisob;
});
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>To-do Ro'yxati</title>
</head>
<body>
<h1>To-do Ro'yxati</h1>
<input type="text" id="yangiVazifa" placeholder="Yangi vazifa kiriting">
<button id="qo'shish">Qo'shish</button>
<ul id="ro'yxat"></ul>
<script>
document.getElementById("qo'shish").addEventListener("click", function() {
let yangiVazifa = document.getElementById("yangiVazifa").value;
if (yangiVazifa) {
let li = document.createElement("li");
li.innerText = yangiVazifa;
document.getElementById("ro'yxat").appendChild(li);
document.getElementById("yangiVazifa").value = "";
}
});
</script>
</body>
</html>