JSFiddle - React, Tailwind, and code Playground

by ShoeMaker

HTML

<div id="page">
    <!-- START "page" div -->
    <p style="text-align: center;">
        <img id="wikiImage" name="wikiImage" src="images/Tecleando.gif" width="300" height="200" alt="Technical_13" title="Technical_13" />
    </p>
    <div id="container">
        <!-- START "container" div -->
        	<h1 id="below"><a id="userPage" name="userPage" href="https://meta.wikimedia.org/w/index.php?title=Special%3ACentralAuth&target=Technical+13">[[User:Technical 13]]</a></h1>

        <div id="menu">
            <!-- START the drop down menu -->
            <p style="text-align: center;">[	<a href="index.html">Home</a> ~	<a href="wikipedia.html">Wikipedia</a> ~	<a href="meta.html">Meta</a> ~	<a href="mediawiki.html">MediaWiki</a> ~	<a href="commons.html">Commons</a> ~	<a href="userpages.html">My association</a>	]</p>
        </div>
        <!-- END the drop down menu -->
    </div>
    <!-- END "container" div -->
    <div id="content">
        <!-- START "content" div -->
        <div id="main" name="main">
            <!-- START "main" div -->
            <!-- Global information to start -->
        </div>
        <!-- END "main" div -->
        <div id="right">
            <!-- START "right" div -->
            <form name="Wikis">
                <select name="wikiList" size="1" onChange="displayImages()">
                    <option value="0">Choose a wiki</option>
                    <option value="1">English Wikipedia</option>
                    <option value="2">MediaWiki</option>
                    <option value="3">Commons</option>
                    <option value="4">Test wikipedia</option>
                    <option value="5">Wikimedia Meta-wiki</option>
                    <option value="6">Wikimedia Wikitech</option>
                    <option value="7">PortuguĂŞs Wikipedia</option>
                </select>
            </form>
        </div>
        <!-- END "right" div -->
    </div>
    <!-- END "content" div -->
    <div class="push"></div>
   ...

JavaScript

function displayImages() {
    var images = new Array("images/Tecleando.gif",
        "images/Wikipedia-logo-v3.png",
        "images/MediaWiki-notext.png",
        "images/Commons-logo.png",
        "images/TestWiki.png",
        "images/Wikimedia_Community_Logo_optimized.png",
        "images/Wikimedia_labs_logo.png",
        "images/Wikipedia-logo-v3.png");
    var imageWidth = new Array("300", "200", "300", "180", "180", "200", "200", "200");
    var interWiki = new Array("", "en:", "mw:", "commons:", "test:", "m:", "wikitech:", "pt:");
    var links = new Array("https://meta.wikimedia.org/w/index.php?title=Special%3ACentralAuth&target=Technical+13",
        "https://en.wikipedia.org/wiki/User:Technical_13",
        "https://www.mediawiki.org/wiki/User:Technical_13",
        "https://commons.org/wiki/User:Technical_13",
        "https://test.wikipedia.org/wiki/User:Technical_13",
        "https://meta.wikimedia.org/wiki/User:Technical_13",
        "https://wikitech.wikimedia.org/wiki/User:Technical_13",
        "https://pt.wikipedia.org/wiki/User:Technical_13");
    var desc = new Array("Global User information <!-- no time to parse from API --> 10.8K total edits",
        "English wiki information <!-- no time to parse from API --> 10.5K edits",
        "MediaWiki wiki <!-- no time to parse from API --> 250 edits",
        "Wikimedia Commons <!-- no time to parse from API --> 100 edits",
        "Test Wikipedia <!-- no time to parse from API --> 75 edits",
        "Wikimedia Meta-Wiki <!-- no time to parse from API --> 45 edits",
        "Wikimedia Wikitech <!-- no time to parse from API --> 5 edits",
        "Portugese Wikipedia <!-- no time to parse from API --> 5 edits");
    var selectedWiki = document.Wikis.wikiList.selectedIndex;
    document.wikiImage.src = images[selectedWiki];
    document.wikiImage.width = imageWidth[selectedWiki];
    document.userPage.href = links[selectedWiki];
    document.userPage.innerHTML = interWiki[selectedWiki] +...