javascript-all-code/index.html at main · webdevjohirul/javascript-all-code · 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
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Javascript</title>
</head>

<body>

    <!-- 854 line js code -->
    <h1 id="heading1">Hello World</h1>
    <!-- 858 line js code -->
    <h1 class="heading2">Hello Bangladesh</h1>
    <h1 class="heading2">Hello Bangladesh</h1>
    <!-- 864 line js code -->
    <h1>Hello German</h1>
    <!-- 869 line js code -->
    <h2 id="query1">This is Bangladesh</h2>
    <!-- 870 line js code -->
    <h2 class="query2">This is canada</h2>
    <!-- 872 line js code -->
    <h3>This is japan</h3>
    <!-- 874 line js code -->
    <a href="#">Link 0</a>
    <!-- 878 line js code -->
    <ul>
        <li><a href="#">Link 1</a></li>
    </ul>
    <!-- 882 line js code -->
    <div class="myDiv">
        <a href="#">Link 2</a>
    </div>
    <!-- 886 line js code -->
    <p>This is paragraph</p>
    <p id="buttonId">This is paragraph</p>
    <!-- 890 line js code -->
    <button onclick="myButtonId()">Up</button>
    <!-- 894 line js code -->
    <button onclick="myButtonCls()">Down</button>
    <!-- 897 line js code -->
    <button onclick="htmlBtn()">Html</button>
    <!-- 901 line js code -->
    <button onclick="cssBtn()">Css</button>
    <!-- 905 line js code -->
    <button onclick="jsBtn()">Javascript</button>
    <!-- 894 line js code -->
    <p class="buttonCls"></p>
    <!-- 898,902,906 line js code -->
    <img id="btnImg" src="#" alt="" width="300"><br/>
    <!-- 911-919 line js code -->
    <a href="#">Link 3</a>
    <!-- 926-946 line js code -->
    <div id="createElement">
        <h4>Create Element1</h4>
        <h4>Create Element2</h4>
    </div>
    <!-- 963 line js code -->
    <button onclick="prev()">Previous</button>
    <!-- 949 line js code -->
    <img src="img/html.png" alt="" width="300" height="150">
    <!-- 953 line js code -->
    <button onclick="next()">Next</button>
    <!-- 974 line js code -->
    <button onclick="addStyle()">Add style</button>
    <!-- 993 line js code -->
    <button onclick="removeStyle()">Remove style</button>
    <!-- 975,994 line js code -->
    <p id="paraId">This is a paragraph</p>
    <!-- 998-1002 line js code -->
    <h1 id="clickStyle">Click to view style changes</h1>
    <h1>You have not clicked any button</h1>
    <!-- 1006,1008 line js code -->
    <button class="myButton">Button 1</button>
    <button class="myButton">Button 2</button>
    <button class="myButton">Button 3</button>
    <!-- 1030 line js code -->
    <button class="myBtn a">a</button>
    <button class="myBtn b">b</button>
    <button class="myBtn c">c</button>
    <!-- 1070 line js code -->
    <textarea name="" id="keyTextArea" cols="30" rows="7"></textarea>
    <!-- 1070,1073 line js code -->
    <p id="keyPress">Keypress listener</p>
    <p>Enter a number between 5 to 10:</p>
    <!-- 1093 line js code -->
    <input type="text" id="numTextField" />
    <!-- 1092 line js code -->
    <button id="checkBtn">Check</button>
    <!-- 1108 line js code -->
    <canvas id="myCanvas" width="400px" height="300px"></canvas>


    <!-- end javascript code -->

    <script src="style.js"></script>
    <!-- <script src="style.js" type="module"></script> -->
</body>

</html>