Tengo una duda de porque sucede esto en Javascript.
document.addEventListener('DOMContentLoaded', ()=>{
var button = document.querySelector('button'),
text_button = button.textContent;
button.addEventListener('click', ()=>{
text_button = "This text has been changed"
});
})
<button>This text dont change</button>
Me explico, tengo un boton, que al dar click deberia cambiar su texto por el texto especificado en el codigo de arriba. Bueno talvez me diras que para cambiar el texto, facilmente agrego button.textContent = "here goes something"
y cambia sin problemas. Pero si ya especifique antes una variable con el contenido del boton, ¿Porque al llamar esa variable no cambia el contenido del boton?. He probado con una alerta o un console y realmente si cambia. Esto servira mucho si deseas que un texto cambie en varias ocasiones y no tener que escribir button.textContent
. Realmente nose porque el texto no cambia con solo llamar la variable text_button
. Agradeceria que me despejen esta duda.
textContent
es unstring
que contiene el valor del texto del nodo, no es una referencia al mismo.