Codakshay.github.io/js_page.html at main · Codakshay/Codakshay.github.io · 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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Akshay's Website 2.0</title>
        <link id="pagestyle"rel="stylesheet" href="./styleDark.css">

        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Heebo&family=Silkscreen&display=swap" rel="stylesheet">

        <script src="https://kit.fontawesome.com/77fe2f09ee.js" crossorigin="anonymous"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>

    </head>
    <body>
        <noscript>
            <h1> sorry, you need javascript to run this page</h1>
        </noscript>
        <a href="#" onclick="alert('welcome')"> click me!</a>

        <p id="demo"> Hello</p> id="keypressed_"
        <p id="keypressed_tect"> no key pressed</p>


        <button onclick="document.getElementById('demo').innerHTML='new text'; ">change text</button>
        <button onclick="document.getElementById('demo').innerHTML='Hello';"> revert text</button>
        <button onclick="myFun();">Alert button</button>
        <button onclick="darkMode();">Dark Mode</button>

        <p>line 1</p>
        <p id="p2">line 2</p>
        <p>line 3</p>
        <button>click me</button>

        <script src="script.js">

        </script>
    </body>
</html>