javascript - 单击按钮时 HTML5 进度条的动态值

Question

我正在尝试在文本区域中输入值并单击按钮后更新 HTML5 进度条的值。我假设我只会在文本区域中输入格式正确的整数。

这是 html:

<textarea id="txt" cols=20 rows=1 placeholder="Enter total time"></textarea>
<button onclick="myFunction()">Save</button>
<progress id="pr"></progress>

这是javascript:

function myFunction()
{
var value = document.getElementById('txt').value;
document.getElementsByTagName("PROGRESS").setAttribute("value",value.parseInt());
};

这似乎行不通。任何帮助表示赞赏。

PS:这是我在这里的第一篇文章，如何让代码变得漂亮漂亮？

编辑:似乎代码本身就变得丰富多彩了:)

Answer 1

两件事:您缺少栏的范围并且 getElementsByTagName 返回一个类似对象的数组。

function myFunction() {
  var value = document.getElementById('txt').value;
  document.getElementsByTagName("PROGRESS")[0].setAttribute("value", value);
}

<input id="txt" placeholder="Enter total time">
<button onclick="myFunction()">Save</button>
<br/>
<progress id="pr" max="100"></progress>