Question #47676
I am trying to get a temperature conversion caculator to work for me and I seem to be having a confusing problem. The html code below is what I'm needing to follow by.
<!DOCTYPE html>
<html>
<head>
<title>Temperature Converter</title>
</head>
<body>
<p>Enter a Temperature to Convert in the field below and select the starting scale.</p>
<input type="text" name="txtTemp" id="txtTemp" placeholder="Enter a Temperature" />
<br />
<br />
<input type="radio" id="radFahrenheit" name="radTemp" checked/>Fahrenheit to Celcius
<input type="radio" id="radCelcius" name="radTemp"/>Celcius to Fahrenheit
<button onclick="ConvertTemp();">Convert</button>
<div id="divResults"></div>
<script type="text/javascript" src="Week7.js"></script>
</body>
</html>
And with the javascript part I've gotten this so far also I'm not use to if and else statements yet.
function ConvertTemp(){
var radFahrenheit = parsefloat(document.getElementById('radFahrenheit').value);
var radCelcius = parsefloat(document.getElementById('radCelcius').value);
var txtTemp = document.getElementById('txtTemp');
if(radF.checked){
radFahrenheit = (radCelcius * (9/5)) + 32;
FahrenheitToCelcius();
}else if(radC.checked){
radCelcius = (radFahrenheit -32) * (5 / 9)
CelciustoFahrenheit();
}
}
<!DOCTYPE html>
<html>
<head>
<title>Temperature Converter</title>
</head>
<body>
<p>Enter a Temperature to Convert in the field below and select the starting scale.</p>
<input type="text" name="txtTemp" id="txtTemp" placeholder="Enter a Temperature" />
<br />
<br />
<input type="radio" id="radFahrenheit" name="radTemp" checked/>Fahrenheit to Celcius
<input type="radio" id="radCelcius" name="radTemp"/>Celcius to Fahrenheit
<button onclick="ConvertTemp();">Convert</button>
<div id="divResults"></div>
<script type="text/javascript" src="Week7.js"></script>
</body>
</html>
And with the javascript part I've gotten this so far also I'm not use to if and else statements yet.
function ConvertTemp(){
var radFahrenheit = parsefloat(document.getElementById('radFahrenheit').value);
var radCelcius = parsefloat(document.getElementById('radCelcius').value);
var txtTemp = document.getElementById('txtTemp');
if(radF.checked){
radFahrenheit = (radCelcius * (9/5)) + 32;
FahrenheitToCelcius();
}else if(radC.checked){
radCelcius = (radFahrenheit -32) * (5 / 9)
CelciustoFahrenheit();
}
}
Expert's answer
Answer on Question #47676, Programming, AJAX | JavaScript | HTML | PHP
Problem.
I am trying to get a temperature conversion calculator to work for me and I seem to be having a confusing problem. The html code below is what I'm needing to follow by.
<!DOCTYPE html>
<html>
<head>
<title>Temperature Converter</title>
</head>
<body>
<p>Enter a Temperature to Convert in the field below and select the starting scale.</p>
<input name="txtTemp" type="text" id="txtTemp" placeholder="Enter a Temperature"/>
<br/>
<br/>
<input type="radio" id="radFahrenheit" name="radTemp" checked="">Fahrenheit to Celcius
<br/>
<br/>
<input type="radio" id="radCelcius" name="radTemp"/>Celcius to Fahrenheit
<br/>
<br/>
<br/>
<br/>
<button onclick="ConvertTemp();">Convert</button>
<br/>
<br/>
<div id="divResults"></div>
<script src="Week7.js" type="text/javascript"></script>
</body>And with the javascript part I've gotten this so far also I'm not use to if and else statements yet.
function ConvertTemp() {
var radFahrenheit = parsefloat(document.getElementById('radFahrenheit').value);
var radCelcius = parsefloat(document.getElementById('radCelcius').value);
var txtTemp = document.getElementById('txtTemp');
if(radF.checked){
radFahrenheit = (radCelcius * (9/5)) + 32;
FahrenheitToCelcius();
}else if(radC.checked){
radCelcius = (radFahrenheit -32) * (5 / 9)
CelciustoFahrenheit();
}
}Solution.
Code (Week7.js)
function ConvertTemp() {
var radFahrenheit = document.getElementById('radFahrenheit').checked;
var radCelcius = document.getElementById('radCelcius').checked;
var temperature = document.getElementById('txtTemp').value;
var outputDIV = document.getElementById('divResults');
outputDIV.innerHTML = radFahrenheit * ((5/9) * (temperature - 32))
+ radCelcius * (temperature * (9/5) + 32);
}Code (Question #47676.html)
<!DOCTYPE html>
<html>
<head>
<title>Temperature Converter</title>
</head>
<body>
<p>Enter a Temperature to Convert in the field below and select the starting scale.</p>
<input name="txtTemp" type="text" id="txtTemp" placeholder="Enter a Temperature"/>
<br/>
<br/>
<input type="radio" id="radFahrenheit" name="radTemp" checked="">Fahrenheit to Celcius
<br/>
<br/>
<input type="radio" id="radCelcius" name="radTemp"/>Celcius to Fahrenheit
<br/>
<br/>
<div id="divResults"> </div>
<br/>
<br/>
<button onclick="ConvertTemp();">Convert</button>
<script src="Week7.js" type="text/javascript"></script>
</body>
Result
Enter a Temperature to Convert in the field below and select the starting scale.
27
Fahrenheit to Celcius
Celcius to Fahrenheit
$0.6
Convert
http://www.AssignmentExpert.com/</body></html>
"assignmentexpert.com" is professional group of people in Math subjects! They did assignments in very high level of mathematical modelling in the best quality. Thanks a lot
#339914 on Dec 2023
#339914 on Dec 2023