Temperature Converter Page (unable to see result after onclick)

programming
1

index.html

Temperature Converter

Temperature Converter

Enter a country and temperature:

Convert

styles.css
body {
font-family: Arial, sans-serif;
text-align: center;
}

h1 {
color: #0074d9;
}

input {
padding: 10px;
margin: 5px;
}

button {
background-color: #0074d9;
color: #fff;
padding: 10px 20px;
border: none;
}

script.js
function convertTemperature() {
const country = document.getElementById(“countryInput”).value;
const temperature = parseFloat(
document.getElementById(“temperatureInput”).value
);

if (country === “United States” || country === “Liberia”) {
temperature = temperature + “F”;
} else {
temperature = ((temperature - 32) * 5) / 9 + “C”;
}

document.getElementById(“result”).textContent =
"The temperature is: " + temperature;
}

Here is the full code of converting temperature. I am unable to see any result after I click the convert button.

2

When you check your DevTools Console log, what error do you see? :slight_smile: