write a node express EJS application that computes the area of a triangle. on RESET the
application begins again. Assume, Base and Height are decimal numbers.
To solve the problem, I need the node EJS code to link the HTML coding that was given to display
correct results, thank you.
css
form{color:black; background-color:purple; border:10px solid yellow;max-
width:400px;color:white;padding:5px;padding-right:10px;border-radius:100%;}
label.title{outline:solid 7px yellow;color:black; background-color:yellow; float:left; text-align:center;
width:400px;border:solid yellow 5px;font-size:1.5em;margin-bottom:5px;}
label.input{float:left; width:130px;color:black;margin-top:5px;color:white;}
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;}
.two{background-color:yellow; border:4px solid black; margin:2px; 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;}
--------------
1.html
<!DOCTYPE html>
<html>
<head>
<title>LAB PROBLEM</title>
<link rel="stylesheet" type="text/css" href='4.css' />
</head>
<body>
<form>
<label class='title'><strong>TRIANGLE PROBLEM</strong></label><p>
<label class='input'>Enter Base:</label> <input type="text" class='one' /><br>
<div>
<input type="button" value="Submit" class='two2'/>
<input type="button" value="Clear" class='two2' />
</div>
</form>
</body>
</html>
----------------
2.html
<!DOCTYPE html>
<html>
<head>
<title>LAB PROBLEM</title>
<link rel="stylesheet" type="text/css" href='4.css' />
</head>
<body>
<form>
<label class='title'><strong>TRIANGLE PROBLEM</strong></label><p>
<label class='input'>Enter Height:</label> <input type="text" class='one' /><br>
<div>
<input type="button" value="SUBMIT" class='two2'/>
<input type="button" value="Clear" class='two2' />
</div>
</form>
</body>
</html>
------------
3.html
<!DOCTYPE html>
<html>
<head>
<title>LAB PROBLEM</title>
<link rel="stylesheet" type="text/css" href='4.css' />
</head>
<body>
<form>
<label class='title'><strong>TRIANGLE PROBLEM</strong></label><p>
<label class='input'>Triangle Area:</label> <input type="text" class='one' /><br>
<div>
<input type="button" value="RESET" class='two2'/>
</div>
</form>
</body>
</html>
TRIANGLE PROBLEM TRIANGLE PROBLEM TRIANGLE PROBLEM Enter Base: Enter Height:
Triangle Area: RESET.
