JSFiddle - React, Tailwind, and code Playground

by kyllle

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

<html lang="en">   
    <head>     
        <title>JavaScript Challenges</title>   
    </head>   
    <body>     
        <form action="">       
            <fieldset>          
                <legend>Email subscriptions</legend>          
                <p id="subscribepara">           
                    <label>             
                        <input type="checkbox" name="subscribe" id="subscribe">             
                        <p class="yeah">Yes! I would like to receive the occasional newsletter via email.</p>           
                    </label>         
                </p>          
                <p id="emailpara">           
                  <label>
                      Email Address: <input type="text" name="email" id="email">       </label>         
                </p>        
            </fieldset>     
        </form>   
    </body> 
</html>

CSS

p#emailpara{
    display:none;
}

JavaScript

function toggleEmail() {
     
     window.alert("Yep, my function is being called");
        
}