test/java1.html at master · arrowarchive/test · 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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>The Button Test</title>
        <meta charset="UTF-8" />
        <meta name="author" content="My Name" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link rel="stylesheet" type="text/css" href="webstyle.css" />
        <link /><script type="text/javascript" src="java1.js">
            /**/</script>
    </head>
    <body>
        <h1>Welcome to the Java Test!</h1>

        <div>
            <button onclick="showCat()">Do you want to see a cat?</button>
        </div>

        <div id="cat" style="display:none;">
            <img src="images/cat.JPG" class="cat"/>
            <p>Isn't he handsome? Such a photogenic kitty!</p>
        </div>

        <div>
            <button onclick="showDog()">Do you want to see a dog?</button>
        </div>

        <div id="dog" style="display:none;">
            <img src="images/dog.jpg" class="dog"/>
            <p>Somewhere, somehow, my dog is tilting his head right now. I don't know he'd hear you from here, but just look at his ears! XD</p>
        </div>

        <div>
            <button onclick="showText()">Do you want to hear a joke?</button>
        </div>

        <div id="joke" style="display:none;">
            <p>Microsoft OneDrive <i>*cue laugh track*</i> </p>
        </div>

        <div>
            <button onclick="fact()">Do you want to feel smart?</button>
        </div>

        <div id="smart" style="display:none;">
            <p> 01000011 01101111 01101110 01100111 01110010 01100001 01110100 01110101 01101100 01100001 01110100 01101001 01101111 01101110 01110011 00101100 00100000 01111001 01101111 01110101 00100000 01100011 01100001 01101110 00100000 01110010 01100101 01100001 01100100 00100000 01100010 01101001 01101110 01100001 01110010 01111001 00101110 00100000 01001001 00100000 01100011 01100001 01101110 00100111 01110100 00100000 01100010 01100101 01101100 01101001 01100101 01110110 01100101 00100000 01001001 00100000 01110100 01101111 01101111 01101011 00100000 01110100 01101000 01100101 00100000 01110100 01101001 01101101 01100101 00100000 01110100 01101111 00100000 01110111 01110010 01101001 01110100 01100101 00100000 01110100 01101000 01101001 01110011 00101100 00100000 01100001 01101110 01100100 00100000 01110100 01101000 01100001 01110100 00100000 01111001 01101111 01110101 00100000 01110100 01101111 01101111 01101011 00100000 01110100 01101000 01100101 00100000 01110100 01101001 01101101 01100101 00100000 01110100 01101111 00100000 01110100 01110010 01100001 01101110 01110011 01101100 01100001 01110100 01100101 00100000 01110100 01101000 01101001 01110011 00101110</p>
        </div>
    </body>
</html>