Download as txt, pdf, or txt
Download as txt, pdf, or txt
You are on page 1of 2

document.getElementById("submitButton").

onclick = function(){
let temp;
if(document.getElementById("cButton").checked){
temp = document.getElementById("textBox").value
temp = Number(temp);
temp = toCelsius(temp)
document.getElementById("tempLabel").innerHTML = temp + "°C";

else if(document.getElementById("fButton").checked){
temp = document.getElementById("textBox").value
temp = Number(temp);
temp =toFahrenheit (temp);
document.getElementById("tempLabel").innerHTML = temp + "°C";

else{
document.getElementById("tempLabel").innerHTML = "select a unit ";
}
}

function toCelsius(temp){
return (temp - 32) * (5/9);
}

function toFahrenheit(temp){
return temp * 9 / 5 + 32;
}

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<label>Enter a temperature:</label><br>
<input type="text" id="textBox"><br>

<label>convert to:</label><br>
<input type="radio" id="cButton" name="unit">
<label>Celsius</label><br>
<input type="radio" id="fButton" name="unit">
<label>Fahrenheit</label><br>

<button type="button" id="submitButton">submit</button><br>


<label id="tempLabel"></label>

<script src="script.js"></script>
</body>
</html>

You might also like