如果声明并分配了 object，我如何更改 DOM 中的 textContent

Question

right now this line of code shows whats in DOM

let scoreDisplay = document.querySelector('.score').textContent

but if i want to change the textContent it doesnt work, why?

scoreDisplay = "twenty five"

the change is visible only in console.log but not in DOM, how can i make it affect the DOM as well?

Answer 1

You are changing the value of the variable, not of the element itself. Try modifying your code to

let scoreDisplay = document.querySelector('.score')
scoreDisplay.textContent = "twenty five"

or even as a one-liner:

document.querySelector('.score').textContent= "twenty five"