为什么这个简单的Javascript重构不起作用？

一个关于HTML表单提交的简单问题

为什么这样做有效：

var inputStuff = document.getElementById("inputBox");
var output = document.getElementById("outputBox");

function useMethod(element) {

    output.innerText = inputStuff.value;
    return false; 
}

但这并不是：

var inputStuff = document.getElementById("inputBox");
var output = document.getElementById("outputBox");

function useMethod(element) {
    var out = output.innerText;
    var into = inputStuff.value;

    out = into;
    return false; 
}

以下是HTML：

<h1>Put your input in here</h1>
    <form onsubmit="return useMethod(this)" action="">
        <input type="text" id="inputBox">
        <input type="submit" value="Submit">
    </form>

    <h2>Output:</h2>
    <p id="outputBox">Starter text</p>

非常感谢您的帮助

---

R

向外=向内；只需将into string的值分配给out string，而output.innerText=inputStuff.value；将调用一个隐式setter，该setter也将更改DOM值。

重构的目的是什么？你想从代码中得到什么？你主要是在中使用一个基元类型，而你丢失了对象引用。嗨，伙计们，谢谢你们的回复-这只是为了向我澄清如何正确使用表单。基本页面用于测试javascript方法snina-非常感谢，我不知道into是一个保留字，我会尝试将其更改为不是保留字。它只是一个具有基元类型的变量。@NinaScholz是的，因为字符串是基元值。