Error : [object HTMLDivElement]. Getting this error in function
Error : [object HTMLDivElement]. Getting this error in function
我试图在用户点击操作符号时复制“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>
您正在将 HTMLDivElement 的 toString()
方法的输出指定为 current
的 InnerHTML。
相反,您需要 current.innerHTML = prev.textContent;
我试图在用户点击操作符号时复制“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>
您正在将 HTMLDivElement 的 toString()
方法的输出指定为 current
的 InnerHTML。
相反,您需要 current.innerHTML = prev.textContent;