RandomJoke/index.html at main · nbryk/RandomJoke · 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
<!DOCTYPE html>
<!-- by Coding Artist -->
<html>
    <head>
        <title>Random Joke</title>
        <!-- Google font -->
        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;600&display=swap">
        <!-- attach css-file -->
        <link rel="stylesheet" href="styles/style.css">
    </head>
    <body>
        <!-- create a section -->
        <div class="wrapper">
            <!-- using span to group inline elements -->
            <!-- create a smile -->
            <span>&#128514;</span>
            <!-- add a paragraph fo our jokes -->
            <p id="joke"></p>
            <!-- add the button -->
            <button id="btn">Get Random Joke</button>
        </div>
        <!-- attach js-file -->
        <script src="scripts/script.js"></script>
    </body>
</html>