Todavía soy el principiante en javascript. Supongo que se puede escribir de manera más simple, sin volver a escribir esas identificaciones. El archivo html tiene identificadores coincidentes para borrar después de que se genera el formulario.
function deleteValues() { document.getElementById('firstFemale').value = ""; document.getElementById('secondFemale').value = ""; document.getElementById('thirdFemale').value = ""; document.getElementById('mistakeFemale').innerHTML = ""; document.getElementById('resultFemale').innerHTML = ""; document.getElementById('firstMale').value = ""; document.getElementById('secondMale').value = ""; document.getElementById('thirdMale').value = ""; document.getElementById('mistakeMale').innerHTML = ""; document.getElementById('resultMale').innerHTML = ""; }pero ¿y si tuviera muchas identificaciones diferentes? Sé que getElementbyId solo puede retraer un elemento. Cualquier ayuda es apreciada.
Puede tomar múltiples enfoques, pero probablemente agregaría una clase a los elementos para que pueda obtener una lista de ellos. Por ejemplo, podrías darles la clase to-clear ( class="to-clear" ) y luego:
document.querySelectorAll(".to-clear").forEach(element => { if ("value" in element) { element.value = ""; } else { element.innerHTML = ""; } }); Más: querySelectorAll