Unit Converter Project of Javascript.
Html Files.
Unit converter of javascript
Css Files.
*{padding: 0px;
margin: 0%;
}
body{
font-family: tahoma;
}
#container{
margin:15px auto 0px auto;
width: 80%;
text-align: center;
background-color: lightgreen;
border-radius: 10px;
padding: 20px;
}
h1#heading{
text-align: center;
margin-top: 40px;
}
.input-div{
display: inline-block;
}
.input{
padding: 5px 10px;
margin: 10px;
font-size: 30px;
font-weight: bold;
width: 200px;
text-align: center;
border-radius: 10px;
}
label{
font-size: 20px;
}
Javascript Files.
var feet =document.getElementById('feet');
var inch = document.getElementById('inch');
feet.addEventListener('input', function(){
let f =this.value;
let i=f*12;
inch.value=i;
});
inch.addEventListener('input', function(){
let i =this.value;
let f=i/12;
if (!Number.isInteger(f)) {
f=f.toFixed(2);
}
feet.value=f;
});
Comments
Post a Comment