<html> <head> <title>SQUARE PROBLEM</title> <style> form{color:black; background-color:purple; border:20px solid yellow;max-width: 400px;color:white;padding-right:10px;border-radius:100%;padding-left:30px; padding-right:30px;padding-bottom:30px;font: 1.5em monospace} label.title{outline:solid 7px yellow;color:black; background-color:yellow; float:left; text-align:center; width:90%;border:solid yellow 10px;font-size:1.5em;margin-bottom :5px;border-top-right-radius: 60px;border-top-left-radius: 60px;} label.input{float:left; width:130px;color:black;margin-top:5px;color:white;margin-left: 20px} label.output1{float:left; width:130px;color:red;} label.output2{float:left; width:130px} div{text-align: center;} br{clear:both;} .one,select{color:white;background-color:black; border:4px solid yellow; max-width: 150px; float:left;border-radius:25px;margin-top:5px;padding:4px;font:1em monospace;} .two{background-color:yellow; border:4px solid black; max-width:150px; float:left; border-radius:25px;padding:4px} .one2{background-color:red;border:4px solid black;color:white;border-radius:25px;} .two2{border:4px solid yellow;background:black;color:lightblue;border-radius:25px; font:1em monospace;} </style> </head> <body> <form> <label class='title'><strong>SQUARE PROBLEM</strong></label><p> <label class='input'><strong>Enter Side:</strong></label><input type="text" class= 'one' /><br> <hr> <label class='input'><strong>Area:</strong></label> <input type="text" class='one' /><br> <label class='input'><strong>Perimeter:</strong></label> <input type="text" class= 'one' /><br> <hr> <div> <input type="button" value="Area" class='two2'/> <input type="button" value="Perimeter" class='two2'/> <input type="button" value="Both" onclick="both" class='two2'/><br> <input type="button" value="Clear" class='two2' /> </div> </form> </body> </html> othenise it will be -20 for the correct square NoTE: Make sure to wse 1. Add Javascript to the problem I the area, perineter or Both FORVULAS: Areaside'side periseter=4"side sure to make all but tons 2. Externalize the JavaScript (10pts) 3. Externalize the CSS(10pts) SQUARE PROBLEM.