Question

我遇到了问题，我通常都非常擅长js（但有时事情往往会让我失望）这不是我最好的时刻之一，我第一次使用html5进展元素，阅读w3文档，但他们没有真正的帮助，我会给你我的代码，你能告诉我什么是错的吗？

<!DOCTYPE html>
<html>
<body>
<progress id="myProgress" value="75" max="100">
</progress>

<hr>
<input type ="text" id="myTextarea"></input>
<button onclick="myFunction()">write to progress</button>
<hr>


<script>
function myFunction() {
    var x = document.getElementById("myTextarea").value;
    document.getElementById("myProgress").innerHTML = x;
}
</script>

</body>
</html>

Answer 1

只需使用进度条的value属性。

<!DOCTYPE html>
<html>
<body>
<progress id="myProgress" value="75" max="100">
</progress>

<hr>
<input type ="text" id="myTextarea"></input>
<button onclick="myFunction()">write to progress</button>
<hr>


<script>
function myFunction() {
    var x = document.getElementById("myTextarea").value;
    document.getElementById("myProgress").value = x;
}
</script>

</body>
</html>

如何将数据从输入字段写入进度标记

1 个答案: