Soy un novato en esto, pero he seguido un tutorial sobre un juego de memoria como un intento de comprender la sintaxis de JS, pero estoy atascado en hacer que el resultado de la ronda se imprima en lugar de mostrarse como una alerta. Aquí hay un codepen aquí .
¿Cómo puedo imprimir una ronda en un <span> <!-- result here--> </span> en lugar de esta alert("result")
¿Cómo puedo establecerlo en un lapso en lugar de ser una alerta?
Los navegadores analizan HTML en un árbol de objetos llamado Modelo de objetos de documento (DOM). Con JavaScript, puede consultar el DOM para obtener nodos individuales y luego cambiarlos.
Para obtener su intervalo, normalmente usaría document.getElementById o document.querySelector (hay otras funciones que pueden obtener colecciones de nodos relacionados, como document.getElementsByClassName o document.querySelectorAll ). Los primeros identifican los nodos por la propiedad nombrada en el nombre del método (ID o nombre de clase, respectivamente); los últimos usan selectores CSS . (Todas las funciones getElement... se pueden replicar usando la nueva interfaz querySelector y querySelectorAll , aunque debe saber cómo usar los selectores CSS. Casi nunca uso las funciones getElement... más). También hay funciones que usan XPath , aunque este es un tema un poco más avanzado.
Una vez que tenga el nodo, puede cambiar su contenido usando, por ejemplo, las propiedades .textContent o .innerHTML , siendo la primera para texto sin formato, la última para HTML.
Por ejemplo, si este es el único span de la página, esto es suficiente:
document.querySelector('span').textContent = "Result"; <span></span>Si, por otro lado, tiene más de ellos, necesitaría alguna forma de apuntar al correcto. También demostraré cómo puedes diseñarlo usando HTML:
const node = document.querySelector('#result_goes_here'); node.innerHTML = "<strong>Result</strong> in bold!"; <span id="result_goes_here"></span>Si está intentando agregar el resultado dentro del SPAN HTML y no en el cuadro de alerta. Puedes hacerlo algo como esto:
document.getElementById("span_ID").innerHTML = the_variable_result_here;
¡Espero que ayude!