TYPE html> LAB 1 PRACTICE
Make a working currency converter with that code
<!DOCTYPE html>
<html>
<head>
<!--
LAB 1 PRACTICE FILE
-->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>LAB 1 PRACTICE</title>
<link rel="stylesheet" href="styles.css" />
<script src="modernizr.custom.05819.js"></script>
<script>
function convertl ()
{
var amnt = parseFloat (document.getElementByID("amnt").value);
var res = amnt * tryv;
document.getElementByID("display").innerHTML = amnt + " " + "US Dollar = " + res + "Turkish Lireres" ;
}
</script>
</head>
<body>
<header>
<h1>
CURRENCY CONVERTER
</h1>
</header>
<article>
<h2>Convert Any Currency of Your Choice</h2>
<form>
<fieldset id="contactinfo">
<!--<legend><span>Contact Information</span></legend>-->
<label for="nameinput">
Amount
<input type="text" id="amnt" name="name" />
</label>
</fieldset>
<fieldset id="reserveinfo">
<legend><span>Simple Currency Converter</span></legend>
<fieldset id="checkin">
<legend>From:</legend>
<select id="inmonth" name="inmonth">
<option value="01" id="fromeur" >Euro</option>
<option value="02">Dollar</option>
<option value="03">Pounds</option>
<option value="04">Turkish Lira</option>
</select>
</fieldset>
<fieldset id="checkout">
<legend>To:</legend>
<select id="outmonth" name="outmonth">
<option value="01" >Turkish Lira</option>
<option value="02">Euro</option>
<option value="03">Dollar</option>
<option value="04">Pounds</option>
</select>
</fieldset>
</fieldset>
<fieldset id="submitbutton">
<input type="submit" value="Convert" onclick="convertl();" />
</fieldset>
</form>
</article>
<div id="display"> </div>
</body>
</html>
Trending now
This is a popular solution!
Step by step
Solved in 2 steps
