Я работаю над проектом Metri c Converter для класса, и я должен использовать радиокнопки, но я не уверен, как я должен их правильно использовать для вызова операторов, которые у меня есть для функций преобразования , Мой учитель заставляет меня использовать javascript на странице html. Я не совсем уверен, так как в IDE он использует нас Netbeans, и он не очень хорошо работает на ma c, поэтому я не знаю, есть ли какие-либо синтаксические ошибки, так как Netbeans отказывается показывать половину из них. Я полагаю, что есть более простой способ сделать это, но я не могу найти информацию о том, как использовать радио-кнопки, как это в Google. Если есть быстрый и простой способ исправить это на работе или есть лучший способ, я хотел бы знать.
Вот мой код ниже:
<!DOCTYPE html>
<html>
<head>
<title>English to Metric Converter</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body style="background-color: lightblue">
<script type="text/javascript">
var $ = function(id) {
return document.getElementById(id);
};
function clrscrn() {
$("convForm").reset();
$("initval").focus();
}
window.onload = function() {
$("clear").onclick = clrscrn;
$("convert").onclick = convert;
};
function convert() {
var initv = $("initval");
var iv = parseFloat(initv.value);
if (isNaN(iv)) {
alert("Please enter a numeric starting value.");
initv.focus();
return ;
}
alert("Input value validated as numeric: "+ iv);
};
function conversion() {
if (document.getElementById(id) === toC) {
double result = (initv – 32) * 5/9;
return ;
}
else if (document.getElementById(id) === toK) {
double result = initv * 1.6;
return ;
}
else if (getElementById(id) === toG) {
double result = initv * 28.35;
return ;
}
else {
alert("Please select a conversion");
}
}
</script>
<h1>English to Metric</h1>
<p>Select the conversion and enter the English measurement you wish to convert:<br></p>
<form name="convForm" id="convForm" action="" method="post">
<p>Conversion type: <br ></p>
<p>
<input type="radio" id="toC" name="cType" value="toCelsius">Fahrenheit To Celsius<br>
<input type="radio" id="toK" name="cType" value="toKilometers">Miles To Kilometers<br>
<input type="radio" id="toG" name="cType" value="toGrams">Ounces To grams<br>
<br ><br >
<input type="text" id="initval" name="initval">
<br ><br >
<input type="button" id="convert" name="convert" value="Convert">
<br ><br ></p>
<p>Result: <br ></p>
<input type ="text" id="result" name="result" style="width: 300px;">
<br ><br >
<input type="button" id="clear" name="clear" value="Clear">
</form>
</body>
</html>