JSFiddle - React, Tailwind, and code Playground

HTML

<body>
     <h1>My favorite web comics.</h1>

    <p>Select one from the menu<strike>, or hit random</strike>!</p>
    <select id="mySelect" onchange="myFunction()">
        <option value="" disabled selected style="display:none;">Select a comic!
            <option id="goblins" value="Goblins">Goblins
                <option id="girlGenious" value="GirlGenious">Girl Genious
                    <option id="grrlPower" value="GrrlPower">Grrl Power</select>
    <p id="demo"></p>
    <p id="image"></p>
    <p id="web"></p>
    <script>
        var favWebComics = {
        Goblins :  {url:"www.goblinscomic.org", img:"img1"},
        GirlGenious : {url:"www.girlgeniousonline.com", img:"img2"},
        GrrlPower : {url:"www.grrlpowercomic.com", img:"img3"}
        };

        var myFunction = function() {
            var x = document.getElementById("mySelect").value;
            
            document.getElementById("demo").innerHTML = "You selected: "+x+" "+ eval("favWebComics[\""+x+"\"].url")+" "+ eval("favWebComics[\""+x+"\"].img");
        };
    </script>

CSS

Variable(s) (10 points)
Array(s) (15 points)
For, While or Do While loop(s) (30 points)
Object(s) (25 points)
Functions / Methods (20 points)

Extra credit: (applicable to exam or homework as it is needed) Use jQuery (5 points)
Use Regular Expressions (5 points)
Use HTML / Images / CSS to make pretty (5 points)
Makes me laugh, cry or shout hallelujah (5 points)