La función funciona en la página HTML pero no funciona desde el archivo JS externo y muestra este error (se declara 'checkSelection' pero su valor nunca se lee). ¿Hay alguna solución para esto?
function checkSelection(that) { if (that.value == "web-dev") { document.getElementById("web-section").style.display = "block"; } else { document.getElementById("web-section").style.display = "none"; } if (that.value == "grp-dsg") { document.getElementById("graphic-section").style.display = "block"; } else { document.getElementById("graphic-section").style.display = "none"; } if (that.value == "dgt-mkt") { document.getElementById("marketing-section").style.display = "block"; } else { document.getElementById("marketing-section").style.display = "none"; } } <input onchange="checkSelection(this);">Ese es un error informado por el verificador de TypeScript en su IDE. Para hacer que desaparezca, esta sería una solución alternativa:
window.checkSelection = function(that) { if (that.value == "web-dev") { document.getElementById("web-section").style.display = "block"; } else { document.getElementById("web-section").style.display = "none"; } if (that.value == "grp-dsg") { document.getElementById("graphic-section").style.display = "block"; } else { document.getElementById("graphic-section").style.display = "none"; } if (that.value == "dgt-mkt") { document.getElementById("marketing-section").style.display = "block"; } else { document.getElementById("marketing-section").style.display = "none"; } } Sin embargo, el problema básico es el uso de detectores de eventos en línea, que se considera una mala práctica. En su lugar, te recomiendo que le des a esa entrada una id y uses addEventListener :
document.getElementById('section-picker').addEventListener('change', function() { if (this.value == "web-dev") { document.getElementById("web-section").style.display = "block"; } else { document.getElementById("web-section").style.display = "none"; } if (this.value == "grp-dsg") { document.getElementById("graphic-section").style.display = "block"; } else { document.getElementById("graphic-section").style.display = "none"; } if (this.value == "dgt-mkt") { document.getElementById("marketing-section").style.display = "block"; } else { document.getElementById("marketing-section").style.display = "none"; } }); Si sigue este consejo, debe asegurarse de que Javascript se ejecute después de que se analice la input en la página. La forma más fácil de lograrlo es aplicando el atributo defer en la etiqueta del script .
primero necesita escuchar la entrada antes de usar eso en su función
let number = document.querySelector('input'); function check(that){ if(that.value == 1){ console.log('hello'); } else{ console.log('bye'); } } number.addEventListener('input', ()=>{ check(number); }); <input type="number">tome esto como ejemplo, asigna la entrada a una variable y luego, cada vez que se cambia ese número, ejecuta la función para verificar el valor y mostrar el resultado. Lo mismo ocurre con la casilla de verificación también.