Home HTML JavaScript DOM Data Types

HACK COMPLETE

%%html
<!-- First Div -->
<div>
    
    <strong style="background-color: black; color: #c01c1c;">Batman HTML Hacks By: Ronit Thomas, Aswhin Visvananth, Vance Reynolds, Jared Baza</strong><br>

</div><br>





<!-- Third Div -->
<div>
    <body>
        <head>
           <title>Superhero Text Entry</title>
        </head>
        <p style="background-color: black; color: #fbff17;">Add your Superhero Information below:</p>
        <form style="background-color: black; color: #fbff17;">
           Enter your Name:<br> <input type="text" name="name">
           <br>
           Enter your Alias<br> <input type="text" name="alias">
           <br>
           Enter your Power:<br> <input type="text" name="power">
        </form>
     </body>

     <!-- Third Div -->

<div><br>
    <a href="https://www.youtube.com/" style="color: 00FF00; background-color: #bdbdbd74;">Batman Youtube Video</a><br>  
    <a style="background-color: black; color: #0040ff;" href="https://www.youtube.com/shorts/4W1ztRlJ7D0">
        <button onllick button style="background-color: #333333; color:#39c0ff; border-radius: 10px">Batman Edit</button>
    </a><br> 


<button id="myButton" style="background-color: #333333; color:#1fc01c; border-radius: 10px">Click For Luck</button><br>

<script>
    function buttonClick() {
        alert('Luck Applied!');
    }
    var buttonElement = document.getElementById('myButton');
    buttonElement.addEventListener('click', buttonClick);
</script>
</div>
Batman HTML Hacks By: Ronit Thomas, Aswhin Visvananth, Vance Reynolds, Jared Baza


Superhero Text Entry

Add your Superhero Information below:

Enter your Name:

Enter your Alias

Enter your Power:

Batman Youtube Video