javascript - 单击按钮时从输入框中绘制百分比条

Question

我有两个输入框，我想要的是当单击按钮时它会显示第一个数字所代表的整体的百分比。我找到了一个用于绘制我喜欢的进度条的 JavaScript 代码，当我用数字“硬编码”以表示它时，下面的代码就可以工作。如果有人可以帮助我处理变量，我将非常感激。

<FORM NAME="myform" ACTION="" METHOD="GET">
Enter something in the box: <BR>
<INPUT TYPE="text" NAME="Input" VALUE="">
<INPUT TYPE="text" NAME="Input2" VALUE="">
<INPUT TYPE="button" NAME="button" Value="Click" onClick="drawPercentBar(800, Number(Input/Input2*100), 'blue', 'red')">
</FORM> 

这会绘制带有 NaN% 错误的百分比条。

Answer 1

您应该使用以下内容代替 Number(Input/Input2*100)

Number(document.getElementsByName('Input')[0].value/document.getElementsByName('Input2')[0].value*100)

但请确保输入的值不是 0。