这对于你们程序员来说可能听起来很简单，但我似乎无法弄清楚。我正在制作一个将十进制数字转换为罗马数字的程序。我已经让核心代码正常工作，但我似乎无法思考如何在屏幕上显示结果。我希望当用户在文本框中输入数字时，按下按钮后结果会显示在另一个文本框中。感谢您的时间和帮助。
<html>
<head>
<meta charset="UTF-8">
<script src="Main.js" type="text/javascript"></script>
<link href="Main.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<form id="Awesome">
<label>Input Text Here: </label><input type="text" id="txtBox">
<br><br>
<label>Dec to Roman #: </label><input type="text" id="Results">
<br><br>
<input type="button" value="Calculate" id="Execute">
</div>
</form>
</body>
</html>
Javascript
function convertToRoman(num) {
var romans = {
M: 1000,
CM: 900,
D: 500,
CD: 400,
C: 100,
XC: 90,
L: 50,
XL: 40,
X: 10,
IX: 9,
V: 5,
IV: 4,
I: 1,
};
var result = '';
for (var key in romans) {
if (num >= romans[key]) {
result += key.repeat(Math.trunc(num / romans[key]));
num -= romans[key] * Math.trunc(num / romans[key]);
}
}
return result;
}
最佳答案
使用document.getElementById()方法，将输入id传递到那里。
然后对于结果，您可以使用 .value 将其设置为您的结果。
获取数字:var num = document.getElementById('txtBox').value;
显示结果:document.getElementById('Results').value = result;
这里是您的代码的基本功能示例:https://jsfiddle.net/4czkfrnd/
关于javascript - 无法弄清楚如何显示输出，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44399555/