js函数编写运行问题 大学生

遇到的现象和发生背景，请写出第一个错误信息

想请大家帮忙看看 为什么这个js编写的Submit函数里的清空功能未生效

用代码块功能插入代码，请勿粘贴截图。 不用代码块回答率下降 50%

<script>
    function Submit(){
        var input=document.getElementById("input");
        console.log(input);
        input.innerHTML = "";
        alert("你的烦恼变成纸飞机飞走喽！")
    }
    script>

type="text" align="middle" id="input" placeholder="Say anything you want!"/>
    class="button" onClick="Submit()">烦恼拜拜
    

运行结果及详细报错内容

我的解答思路和尝试过的方法，不写自己思路的，回答率下降 60%

这个函数内的弹窗功能已经成功了 是不是代码内部的编写有问题什么的 想请各位帮忙看看

input.value=""
不就行了吗？

表单元素都是用value,非表单元素才用innerhtml或者innerText,这是约定俗成的东西，没有为啥，记住就完事了

我来给你解释 innerHTML 是dom对象插入 dom的一个属性。他可以作用在div span 这些上面 。input 是一个标签 他的innerHTML 是空的。value才是input 内容绑定的属性。看dom 属性 你用console.dir(input) 这个看 你就知道了。