Realmente no entiendo por qué mi querySelector no funciona. Cuando sustituyo querySelector con getElementByClass , funciona, simplemente no entiendo por qué no funcionaría con querySelector .
function stdCalculator() { let stdHeight = document.querySelector(".stdHeight")[0].value let stdWeight = document.querySelector("stdWeight")[0].value let stdDsply = document.querySelector(".stdReslt")[0] let stdBmi = (703 * Number(stdWeight)) / Number(stdHeight) * Number(stdHeight) return stdDsply.innerHTML = stdBmi; } <div> <p>Your Height In Inches</p> <input class="stdHeight" type="text"> </div> <div> <p>Your Weight in Pounds</p> <input class="stdWeight" type="text"> </div> <p class="stdReslt">BMI</p> <button onclick="stdCalculator()">Calculate</button>