javascript/index.html at master · kumanboy/javascript · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Document</title>
    <link rel="stylesheet" href="css/style.css"/>
</head>
<body>
<!--<h1>Hello Javascript</h1>-->
<div class="app">
    <div class="box" id="box"></div>

    <button>1</button>
    <button>2</button>
    <button>3</button>
    <button>4</button>
    <button>5</button>

    <div id="circle__wrapper">
        <div class="circle">A</div>
        <div class="circle">B</div>
        <div class="circle">C</div>
        <div class="circle">D</div>
    </div>

    <div class="wrapper">
        <div class="heart"></div>
        <div class="heart"></div>
        <div class="heart"></div>
    </div>
</div>

<h1>The Document Object</h1>
<h2>The addEventListener() Method</h2>

<p>Click anywhere in the document to display "Hello World!".</p>

<p id="demo"></p>
<!--
 Inline usul
<script>
  alert("Inline usul");
</script> -->
<!-- External usul  -->
<!--3 xil usulda eventslar ishlatishimiz mn 1 usul attributlar yordamida-->
<!--1 usul deyarli ishlatilmaydi.Hech kim deyarli foydalanmidi-->
<!--2 usul taglarga id berib uni js fileda event berish-->
<div class="events">
    <button onclick="alert('Click')">A</button> <!--1 usul-->

    <button id="btn">A</button>
    <div class="overlay">
        <button id="dbtn">B</button> <!--2 usul-->
    </div>
</div>
<button data-current="h">C</button>
<button><a href="https://youtu.be/1uPaJT6qAvA?si=4QgCCjv7gmqKDTDa" target="_blank" style="color: white">Submit</a></button>


<!--<a href="https://youtu.be/1uPaJT6qAvA?si=4QgCCjv7gmqKDTDa" target="_blank">youtube link</a>-->

<!--<script defer src="js/dynamicScriptlar.js"></script>--> <!--defer atributi DOM elementimiz yuklanishini kutadi songra html codelar ishlidi-->
<!--<script src="js/dynamicScriptlar.js"></script>--> <!--async atribut script filelarimiz hajmi boladi 100kb 10 kb 150kb 200kb
    misol un 4ta script filemiz bor va uning hajmlari turlicha shunda async ishlatadigan bolsak katta hajmlilarni yuklanishini
    kutmasdan kichigidan boshlab yuklaydi
-->

<!--<p>Hello Guys</p>-->
<button class="btn"></button>

<link
href=" https://www.youtube.com/redirect?event=video_description&redir_token=QUFFLUhqbXFTTzFnU3hqTVBTZ1k2R21MTlkzY1p0eGJ
oZ3xBQ3Jtc0trTmdJUWtZYW1nS2pMQ2hYckRHLWZYTEJuVjJseEd5MXJmSHptVTFMTmt5XzctS2Y3dnduQzJSNzNvOXRQR1hjOW9qN1F6NjRFdzhJQUluV1B
jTG1tQjllc0hMRHc1QV81Mm9Xa1BzTzMwclEycmpTUQ&q=https%3A%2F%2Fwww.instagram.com%2Fbadgalriri%2F&v=0-p5EbAsxUM"
rel="stylesheet"
/>
<!--    <script src="js/script.js"></script>-->
<!--    <script src="js/userMurojatQilish.js"></script>-->
<!--    <script src="js/interpolation.js"></script>-->
<!--  <script src="js/amaliyot.js"></script>-->
  <script src="js/shartOperator.js"></script>
<!--  <script src="js/operations.js"></script>-->
<!--  <script src="js/massiv.js"></script>-->
<!--  <script src="js/elementsOfDOM.js"></script>-->
<!--  <script src="js/oop.js"></script>-->
<!--<script src="js/workingWithMethods.js"></script>-->
<!--<script src="js/navigationDOM.js"></script>-->
<!--<script src="js/events.js"></script>-->
<!--<script src="js/developerTools.js"></script>-->
</body>
</html>