javascript - 刷新html输入元素值

Question

我正在尝试更改 html 输入元素的值，并且希望在屏幕上看到值的变化。这似乎是一个非常简单的任务，但它不能使用 javascript 工作(但它可以使用 jQuery)。

$("#btn1").click(function () {
    $("#test1").val("10");
});

function bt() {
  document.getElementById("test1").value = "3333";
    document.getElementById("test1").setAttribute("value","4444");
 }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Formula 1:
    <input type="text" id="test1" value="1111">
    </p>

    <p>What the answers to these formulas?</p>
    <br>
    <button id="btn1">Hint</button>
    <button id="btn2" onclick="bt()">Hint2</button>

对 javascript 函数 bt() 有什么建议吗？

Answer 1

在 JavaScript 中选择/引用 input 元素后，您只需使用 value 属性即可。

在下一个示例中，每次单击带有 change value 文本的 button 时，input 值都会更改为 New值: 后跟随机数。

/** selecting the button and the input **/
const btn = document.getElementById('btn2'),
  inp = document.getElementById('test1');

/** adding click listener  **/
btn.addEventListener('click', () => inp.value = 'New value: ' + Math.ceil(Math.random() * 100)); /** for demo purposes a random number is generated every time the button is clicked. Change the affected value per your requirements **/

<input type="text" id="test1" value="1111">

<p>What the answers to these formulas?</p>
<br>
<button id="btn1">Hint</button>
<button id="btn2">change value</button>

Learn more on input element in JavaScript.

希望我能把你推得更远。