HTMLファイルにjavascript(coffeescriptから作成)を直接含むHTML5ファイルがあります(HTML / jsプログラミングをそのように行うことを好みます)。ある温度単位を別の温度単位に変換する 4 つの JS 関数があります。コードは出力を表示しません。ただし、4 番目の関数 (r2k()) を削除すると、すべての入力ボックス (4 番目を除く) が機能するようになります。r2k() に見落としたエラーがあるのか、JS に何らかの機能制限があるのかはわかりません。
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><meta http-equiv="content-type" content="text/html;charset=utf-8" /><title>Temperature Conversions</title></head>
<!--Made by Devyn Collier Johnson <DevynCJohnson@Gmail.com> (2013); Javascript made with Coffeescript-->
<body>
<script type="text/javascript">
function k2c() { //Kelvin to Celsius
var x;
x = parseInt(document.querySelectorAll('input[name="k2c_input"]')[0].value) - 273.15;
alert(x.toFixed(2));
}
function c2k() { //Celsius to Kelvin
var x;
x = parseInt(document.querySelectorAll('input[name="c2k_input"]')[0].value) + 273.15;
alert(x.toFixed(2));
}
function f2k() { //Fahrenheit to Kelvin
var x;
x = (parseInt(document.querySelectorAll('input[name="f2k_input"]')[0].value) + 459.67) * (5 / 9);
alert(x.toFixed(2));
}
function r2k() { //Rankine to Kelvin
var x;
x = parseInt(document.querySelectorAll('input[name="r2k_input"]')[0].value * (5 / 9);
alert(x.toFixed(2));
}
</script>
<h1>Temperature Conversions</h1><h6>Made by Devyn Collier Johnson <DevynCJohnson@Gmail.com> (2013)</h6>
<form method="get" onsubmit="return false">
<p>Kelvin to Celsius</p>
<input type="text" name="k2c_input" value="" placeholder="KELVIN" id="k2c_input"/>
<button name="k2c_button" id="k2c_button" onClick="k2c()">Solve</button>
<p>Celsius to Kelvin</p>
<input type="text" name="c2k_input" value="" placeholder="CELSIUS" id="c2k_input"/>
<button name="c2k_button" id="c2k_button" onClick="c2k()">Solve</button>
<p>Fahrenheit to Kelvin</p>
<input type="text" name="f2k_input" value="" placeholder="FAHRENHEIT" id="f2k_input"/>
<button name="f2k_button" id="f2k_button" onClick="f2k()">Solve</button>
<p>Rankine to Kelvin</p>
<input type="text" name="r2k_input" value="" placeholder="RANKINE" id="r2k_input"/>
<button name="r2k_button" id="r2k_button" onClick="r2k()">Solve</button>
<br/><br/><br/><br/><input type="reset" value="Clean Boxes"/>
</form>
</body>
</html>