JSFiddle - React, Tailwind, and code Playground

by akang2

HTML

<html>
    <body>
        <p>Hi!</p>
        
        <input type="button" value="OMGWTFBBQ" id="here" />
        
        <br />   
        
        <a href="#" id="unique">Unique Dude</a>
        
        <a href="#" id="unique1">Unique wow</a>
        
        <a href="#" id="unique2">Unique not really</a>
        
        <a href="#" id="unique3">Unique woooord</a>
        
        <form>
            Number babe: <input type="text" id="ugh" />
            <input type="submit" value="oshit!" id="shit" />
        </form>
        
        <input type="button" value="jjaeolefkmFJQEO" id="btn1" />
        
        <br />
        
        <input type="button" value="OH SHIT!" id="changeIt" />
        
    </body>
</html>

CSS

p {
    margin-bottom: 20px;
}

a {
    margin: 10px 0px;
    display: block;
}

#here {
    padding: 10px 0px;
    margin: 20px 0px;
}

#shit {
    padding: 5px;
}

JavaScript

var eventHandling;

function popIt(){
    prompt("Seriously?", "come on maaan");
}

function justAlert(){
    alert("simple");
}

var message = "something different";
var link = document.getElementById("unique2");
var box = document.getElementById("ugh");

document.getElementById('here').onclick=popIt;

document.getElementById('unique').onmousedown=popIt;

document.getElementById('unique1').onmousemove=justAlert;

document.getElementById('unique2').onmouseover=justAlert;

document.getElementById('unique3').onclick=popIt;
        
link.onmouseover= function() {
    box.value = message;
}
    
    link.onmouseout = function() {
        box.value = "";
    } 
        
var loc = [];
loc[0] = "http://www.google.com";
loc[1] = "http://www.yahoo.com";
loc[2] = "http://www.sprint.com";

btn1.onclick=function(){
    window.location=loc[1];
}

    /*
    changeIt.onclick=function(){
        changeIt.value='Call the code!';
    }*/
    
    /*
    if(changeIt.value=='OH SHIT!'){
        changeIt.onclick=function(){
            changeIt.value='Call the Code!';
        }
            }
else 
{
    changeIt.onclick=function(){
    changeIt.value='OH SHIT!';
    }
        } */
    
    
    
document.getElementById('changeIt').onclick=
    function changeFunction(){
        (changeIt.value=='OH SHIT!')?changeIt.value='Call the code!':changeIt.value='OH SHIT!';
    };