JavaScript-Projects/HTML_3.html at main · wallenetty/JavaScript-Projects · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>HTML 3</title>
        <meta charset="utf-8">
        <script src="JavaScript/JavaScript_3.js"></script>
    </head>

    <body>
        <h1>Cartoon Characters</h1>
        <h3>Click on a production studio to see a character!</h3>

        <ul>
            <li onclick="displayType(this)" id="Paramount Pictures" data-character-type="Poyeye">Paramount Pictures</li>
            <li onclick="displayType(this)" id="Walt Disney Productions" data-character-type="Mickey Mouse">Walt Disney Productions</li>
            <li onclick="displayType(this)" id="Dreamworks Animation" data-character-type="Toothless">Dreamworks Animation</li>
            <li onclick="displayType(this)" id="Metro-Goldwyn-Mayer(MGM) Studios" data-character-type="Toothless">Metro-Goldwyn-Mayer (MGM) Studios</li>
        </ul>


    </body>

</html>