Javascript:Get-Typeerror-元素为null

我在Wordpress中有一个BMI计算器，这就是

类型错误：

结果为空且为空 健康是空的

这台计算器很好用 但不要在Wordpress上。我将脚本放在页脚中，以便首先读取HTML，因此这不是问题所在。 有人能帮忙解决这个问题吗

Javascript是：

<script type='text/javascript'>
  var form = document.querySelector('form[name=bmi]');
  var onSubmit = function(event) {

    event.preventDefault();
    var healthMessage;

    var result = form.querySelector('.result');
    var health = form.querySelector('.health');

    var weight = parseInt(form.querySelector('input[name=weight]').value, 10);
    var height = parseInt(form.querySelector('input[name=height]').value, 10);

    var bmi = (weight / (height / 100 * height / 100)).toFixed(1);

    if (bmi < 18.5) {
      healthMessage = 'undervægtig';
    } else if (bmi > 18.5 && bmi < 25) {
      healthMessage = 'normal vægtig';
    } else if (bmi > 25) {
      healthMessage = 'overvægtig';
    }
    result.innerHTML = bmi;
    health.innerHTML = healthMessage;
  }
  form.addEventListener('submit', onSubmit, false);
</script>

var form=document.querySelector（'form[name=bmi]'）；
var onSubmit=函数（事件）{
event.preventDefault（）；
var健康信息；
var result=form.querySelector（'.result'）；
var health=form.querySelector（'.health'）；
var-weight=parseInt（form.querySelector（'input[name=weight]）。值，10）；
var height=parseInt（form.querySelector（'input[name=height]'）。值，10）；
var bmi=（体重/（身高/100*身高/100））.toFixed（1）；
如果（体重指数<18.5）{
healthMessage='Unwrowægtig'；
}否则如果（bmi>18.5&&bmi<25）{
healthMessage=‘正常vægtig’；
}如果体重指数>25，则为其他情况{
healthMessage='overvægtig'；
}
result.innerHTML=bmi；
health.innerHTML=healthMessage；
}
表格.附录列表（“提交”，提交，虚假）；

HTML是：

<form name="bmi">
  <h1>Mål dit BMI:</h1>
  <label>
    <input type="text" name="weight" id="weight" placeholder="Vægt (kg)">
    <input type="text" name="height" id="height" placeholder="Højde (cm)">
    <input type="submit" name="submit" id="submit" value="Udregn BMI">
    </label>
  <div class="calculation">
    <div>
      Dit BMI er: <span class="result"></span>
    </div>
    <div>
      Dette betyder at du er: <span class="health"></span>
    </div>
  </div>
</form>

Mål dit体重指数：
Dit BMI er：
杜尔德特·贝泰德：

在表单的结束标记后添加javascript

或者你可以试试这个

window.onload = function() {
 var form = document.querySelector('form[name=bmi]');
 var onSubmit = function(event) {

event.preventDefault();
var healthMessage;

var result = form.querySelector('.result');
var health = form.querySelector('.health');

var weight = parseInt(form.querySelector('input[name=weight]').value, 10);
var height = parseInt(form.querySelector('input[name=height]').value, 10);

var bmi = (weight / (height / 100 * height / 100)).toFixed(1);

if (bmi < 18.5) {
  healthMessage = 'undervægtig';
} else if (bmi > 18.5 && bmi < 25) {
  healthMessage = 'normal vægtig';
} else if (bmi > 25) {
  healthMessage = 'overvægtig';
}
result.innerHTML = bmi;
health.innerHTML = healthMessage;
}
form.addEventListener('submit', onSubmit, false);
}

window.onload=function（）{
var form=document.querySelector（'form[name=bmi]'）；
var onSubmit=函数（事件）{
event.preventDefault（）；
var健康信息；
var result=form.querySelector（'.result'）；
var health=form.querySelector（'.health'）；
var-weight=parseInt（form.querySelector（'input[name=weight]）。值，10）；
var height=parseInt（form.querySelector（'input[name=height]'）。值，10）；
var bmi=（体重/（身高/100*身高/100））.toFixed（1）；
如果（体重指数<18.5）{
healthMessage='Unwrowægtig'；
}否则如果（bmi>18.5&&bmi<25）{
healthMessage=‘正常vægtig’；
}如果体重指数>25，则为其他情况{
healthMessage='overvægtig'；
}
result.innerHTML=bmi；
health.innerHTML=healthMessage；
}
表格.附录列表（“提交”，提交，虚假）；
}

实际上小提琴中的代码是：

window.onload=function（）{/*您的脚本*/}添加
定义（'CONCATENATE_SCRIPTS'，false）
到wp-config.php文件，您是否尝试在表单的结束标记后添加javascript？我不知道您要加入什么，但它在fiddle中工作。我已经尝试在表单的结束标记后添加javascript，但仍然不起作用。并添加定义。。。wp配置文件的行也不起作用。你能链接到你的工作小提琴吗？