Hice un formulario en HTML y estoy tratando de calcular los datos ingresados usando JS. Cuando presiono enviar en el formulario, VSC muestra que mi función onclick y la función a la que llama no están definidas. Esto funcionaba antes, pero ahora no lo es.

 <input name="calculate" type="submit" value="Calculate BMR" onclick="formdata()"> <script> function formdata(){ var getSystem = document.getElementById("system"); var system = getSystem.option[getSystem.selectedIndex].value; var getGender = document.getElementById("gender"); var gender = getGender.option[getGender.selectedIndex].value; var age = document.getElementById("age").value; var weight = document.getElementById("weight").value; var height = document.getElementById("height").value; var bmr; if (system=="imperial") { if (gender=="male") { bmr = 66 + ( 6.2 * weight) + ( 12.7 * height) - ( 6.76 * age); } if (gender=="female") { bmr = 655 + ( 4.35 * weight) + ( 4.7 * height) - ( 4.7 * age); } } if (system=="metric") { if (gender=="male") { bmr = 66.5 + (13.75 * weight) + (5.003 * height) - (6.755 * age); } if (gender == female) { bmr = 655.1 + (9.563 * weight) + (1.850 * height) - (4.676 * age); } } document.writeln("<h1> BMR Calculated!<h1><br>"); document.writeln("<hr>"); document.writeln("Gender: " + gender +"<br>"); document.writeln("Age: " + age +"years<br>"); document.writeln("Height: " + height +"cms<br>"); document.writeln("Weight: " + weight +"kg<br>"); document.writeln("BMR: " + bmr.toFixed(2) +"kCal<br>"); } </script>

Todas las demás variables se obtienen del resto del formulario. Pero el botón de enviar simplemente no funcionará en primer lugar