【问题标题】:Error : [object HTMLDivElement]. Getting this error in function错误:[对象 HTMLDivElement]。在函数中出现此错误
【发布时间】:2021-09-08 00:44:34
【问题描述】:

当用户单击操作标志时,我试图在“prev”div 中复制用户输入的数量。知道如何改进我的代码吗?当我点击一个操作按钮时,我的文字消失了,我在同一个地方得到了错误。

function calculate(button) {
    let number = (button.innerHTML)
    let current = document.getElementById("current")
    let currentTotal = (current.innerHTML)
    let newTotal = currentTotal + number
    current.innerHTML = newTotal
}

function operation(){
    let current = document.getElementById("current")
    let prev = document.getElementById("prev")
    current.innerHTML = prev
}
    <div class="calc-grid">
        <div id="result">
            <div id="prev"></div>
            <div id="current"></div>
        </div>
        <button class='span' onclick="AC()">AC</button>
        <button>DEL</button>
        <button onClick="operation()">÷</button>
        <button onClick="calculate(this)">1</button>
        <button onClick="calculate(this)">2</button>
        <button onClick="calculate(this)">3</button>
        <button onClick="operation()">*</button>
        <button onClick="calculate(this)">4</button>
        <button onClick="calculate(this)">5</button>
        <button onClick="calculate(this)">6</button>
        <button onClick="operation()">+</button>
        <button onClick="calculate(this)">7</button>
        <button onClick="calculate(this)">8</button>
        <button onClick="calculate(this)">9</button>
        <button onClick="operation()">-</button>
        <button onClick="calculate(this)">.</button>
        <button onClick="calculate(this)">0</button>
        <button class='span'>=</button>
    </div>   

【问题讨论】:

标签: javascript html calculator


【解决方案1】:

您将 HTMLDivElement 的 toString() 方法的输出分配为 current 的 InnerHTML。

相反,你会想要current.innerHTML = prev.textContent;

【讨论】:

  • 只是让mu号消失了,我没有粘贴到“prev”中
  • 这就是你要求它做的——在dividprev 中没有内容——所以它将当前内容替换为空。
  • 哦,对不起,我的意思是把current的输入粘贴到“prev”中
  • 然后简单地反转赋值语句。我已经回答了你的问题。您应该接受这一点,并准备好在新帖子中提出不同的问题。谢谢。
  • @Kiro 喜欢prev.textContent = current.textContent;?赋值将右侧的值放入左侧,而不是相反。熟悉expressions and operators 以及他们的工作。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-03-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多