个人中心
gpt4 book ai didi

javascript - 无法弄清楚如何显示输出

转载 作者：行者123 更新时间：2023-11-28 04:33:51 25 4
gpt4 key购买 nike

这对于你们程序员来说可能听起来很简单，但我似乎无法弄清楚。我正在制作一个将十进制数字转换为罗马数字的程序。我已经让核心代码正常工作，但我似乎无法思考如何在屏幕上显示结果。我希望当用户在文本框中输入数字时，按下按钮后结果会显示在另一个文本框中。感谢您的时间和帮助。

<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/

25 4 0
文章推荐： jquery - 无限幻灯片功能
文章推荐： c++ - 开始多线程代码之前的初始化
文章推荐： javascript - 文本选择闪烁
文章推荐： html - 移动尺寸和桌面的不同导航栏样式
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com