Steps to Create an HTML Script using Notepad:
If you are really interested to learn or test a HTML script, then here are the steps. There are plenty of tools to create webpages using HTML codes. But I am going to give you the most simple tool to learn HTML.The tool, you will need to use a text editor like “Notepad (for Windows).”
Steps :
- Open Notepad
- Create a New Document (copy and paste the code given below)
- Save File in HTML
- View the saved File in a Web browser
The Output
Feet to Meters Length Converter
Type a value in the Feet field to convert the value to Meters:
Meters:
The Code
<html>
<Center>
<body>
<h2>Feet to Meters Length Converter</h2></title>
<p style="color:blue">Type a value in the Feet field to convert the value to Meters:</p>
<p style="color:green">
<label><b>Feet: </b></label>
<input id="inputFeet" type="number" placeholder="Feet" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p style="color:red"><b>Meters: </b><span id="outputMeters"></span></p>
<script>
function LengthConverter(valNum) {
document.getElementById("outputMeters").innerHTML=valNum/3.2808;
}
</script>
</body>
</Center>
</html>