JavaScript | ๐—ข๐—ณ๐—ณ๐—ถ๐—ฐ๐—ถ๐—ฎ๐—น ๐—ฐ๐—ต๐—ฎ๐—ป๐—ป๐—ฒ๐—น
36 subscribers
51 photos
7 videos
1 file
85 links
๐Ÿ’พ Bio: "The channel is made for learners who study most well-known coding language ยซJavaScriptยป".

โ–ช Telegram: t.me/absJavaScript
โ–ช X: twitter.com/absJavaScript
Download Telegram
#challenge
9 ta test tugadi!

Qiziq, kim nechta savolga to'g'ri javob topdi? ๐Ÿง
๐Ÿ‘2โšก1โคโ€๐Ÿ”ฅ1๐Ÿ”ฅ1๐Ÿ†’1
JavaScript | ๐—ข๐—ณ๐—ณ๐—ถ๐—ฐ๐—ถ๐—ฎ๐—น ๐—ฐ๐—ต๐—ฎ๐—ป๐—ป๐—ฒ๐—น pinned ยซ#Menu #JavaScript #HTML #CSS #JS #Sayt #Site #Foydali #Portfolio sayt: โœ… #Sayt https://t.me/absJavaScript/367 (Desktop ๐Ÿ’ป uchun) ๐Ÿ”ป๐Ÿ”ป๐Ÿ”ป๐Ÿ”ป๐Ÿ”ป๐Ÿ”ป๐Ÿ”ป๐Ÿ”ป๐Ÿ”ป๐Ÿ”ป #HTML haqida โœ… #HTML https://t.me/absJavaScript/156 โœ… #HTML https://t.me/absJavaScript/157 โœ… #HTML https://t.โ€ฆยป
#challenge #HTML #CSS #JS
Nima chiqdi? Comment gooโ€ฆ

โœ… HTML:
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./style.css">
</head>

<body>
<div id="orange" class="box"></div>
<div id="green" class="box"></div>
<div id="blue" class="box"></div>
<div id="red" class="box"></div>
<div id="yellow" class="box"></div>
<script src="./app.js"></script>
</body>

</html>

โœ… CSS:
body {
display: flex;
gap: 50px;
}

.box {
width: 100px;
height: 100px;
cursor: pointer;
}

.box:nth-child(1) {
background-color: orange;
border-radius: 100%;
}

.box:nth-child(2) {
background-color: green;
border-radius: 100%;
}

.box:nth-child(3) {
background-color: blue;
border-radius: 100%;
}

.box:nth-child(4) {
background-color: red;
border-radius: 100%;
}

.box:nth-child(5) {
background-color: yellow;
border-radius: 100%;
}

โœ… JS:
let box = document.querySelectorAll('.box')
let body = document.querySelector('body')

for (let i = 0; i < box.length; i++) {
box[i].addEventListener('click', function () {
body.style.background = box[i].id
})
}


โšก๏ธJavaScript


๐Ÿ’ซ Hoziroq obuna bo'ling va do'stlarga ham ulashib qo'ying

โœ… https://t.me/absJavaScript
๐Ÿ‘2๐Ÿ†’2โคโ€๐Ÿ”ฅ1โšก1
const arr = [1, 2, 3];
arr.constructor === Array โ€” ?
Anonymous Quiz
75%
true โœ”๏ธ
25%
false โš ๏ธ
๐Ÿ”ฅ2๐Ÿ†’2โคโ€๐Ÿ”ฅ1๐Ÿ‘1
class Person {}
const person = new Person();
typeof person
Anonymous Quiz
77%
'object'
23%
'class'
๐Ÿ‘2๐Ÿ†’2โšก1โคโ€๐Ÿ”ฅ1๐Ÿ”ฅ1