Me quedo con lo siguiente:
function limpiarCaja() { // código}
Sabemos que para obtener el elemento lo usamos con document. y aquí tenemos dos opciones, tanto querySelector como getElementById. Yo uso el getElementById como está aquí siendo usado, que es directamente el ID,
Entonces querySelector y aquí para las IDs colocamos al inicio el símbolo de numeral. Colocamos luego de una vez el ID. Vean que hay una diferencia sutil entre el getElementById, que no lleva el numeral, porque él sabe que es solo por ID, y en el caso de querySelector, que es un selector genérico, le tenemos que decir que en este caso lo que queremos es por ID, usamos el numeral. Y este es el ID de nuestro input. Yo puedo decir aquí, valorCaja, por ejemplo, para hacer un poco más genérico el nombre, y luego a ese valorCaja, que ya seleccionamos, con el querySelector le decimos, valor = "".
Y esa función la vamos a llamar cuando la persona no acierta, en este caso, en este bloque de código del else, decimos limpiarCaja(), estamos invocando la función, perfecto, ahí estamos llamando la función.
function limpiarCaja() {let valorCaja = document.querySelector('#inputId'); valorCaja.value = "";}
function limpiarCaja() {document.querySelector('#inputId').value = "";}
Hay un atributo, ese atributo Disable
En este caso, voy a llamar al DOM, con querySelector o con ID. Observa que tiene ID, entonces vamos a usarlo con getElementByID, como ya sabemos hacerlo. Tiene el ID reiniciar, tal cual, getElementByID, obtén el elemento por el ID. Como estoy en la función getElementByID, no lleva el numeral, directamente va el ID, porque es el único valor que aceptaría.
Y aquí, presiono el botón y busco dentro de los métodos que tiene el DOM. Hay uno que se llama remove, de quitar, de remover, y lo que queremos remover es el atributo, está explícito aquí la función, removeAttribute, y lo que él espera es qué atributo vamos a remover. En este caso, el que queremos remover es el Disable. Colocamos Disable entre las comillas, sí, ten cuidado con ello.