首页 > 解决方案 > 如何将Javascript数字转换为字符串并将其传递给输入框

问题描述

我被困在试图将英尺转换为英里。到目前为止,这是我的代码:

function convertData() {
  var distance = document.getElementById('distance').innerHTML;
  var mile     = 5280;
  var result   = distance /mile;
  document.getElementById('distance').innerHTML = result;
};

从这里的答案,我正在尝试将其实施到

document.getElementById 标记在此处找到的文档的开头..

<input type="button" value='Convert to Miles' onclick="convertData();">

<input id="distance" type="number" value=453454>

..所以当用户单击该按钮时,数据会被转换。这是用户第一次尝试打开页面时的默认行:

有什么建议或想法吗?

标签: javascript

解决方案


function convertData() {
  var distance = document.getElementById('distance').value;
  var mile = 5280;
  var result = distance / mile;
  document.getElementById('answer').innerHTML = +result;
};
<div id="answer"></div>
<input type="button" value='Convert to Miles' onclick="convertData();">
<input id="distance" type="number" value=453454>

我建议在另一个元素中显示答案,并让输入自由供用户进行更改。


推荐阅读