主页 / 问题 / 1435044
Accepted
avldokuchaev
Asked:2022-08-01 17:36:31 +0800 CST2022-08-01 17:36:31 +0800 CST

在wordpress中显示js结果的问题

  • 772

wordpress中有js代码。当您单击该按钮时，结果会显示一秒钟并重新加载页面。怎么修？这是代码：

function func() {
  let exampleInputrost = Number(document.getElementById("exampleInputrost").value);
  let exampleInputves = Number(document.getElementById("exampleInputves").value);
  let doksorubicin = 60;
  let ciklophosphamid = 600;

  function square_body_chemotherapy(exampleInputrost, exampleInputves) {
    let weitfloatsquare = Math.pow(exampleInputrost, 0.5);
    let heightfloatsquare = Math.pow(exampleInputves, 0.5);
    let square_body = 0.0167 * weitfloatsquare * heightfloatsquare;
    return square_body.toFixed(1);
  }
  let res = square_body_chemotherapy(exampleInputrost, exampleInputves);
  let doksorubicin_doza = doksorubicin * res;
  let ciklophosphamid_doza = ciklophosphamid * res;
  document.getElementById("doks").innerHTML = doksorubicin_doza;
  document.getElementById("cikl").innerHTML = ciklophosphamid_doza;
  document.getElementById("res").innerHTML = res;
}
<form>
  <div class="mb-3">
    <label for="exampleInputEmail1" class="form-label">Введите рост в сантиметрах:</label>
    <input type="text" class="form-control" id="exampleInputrost"></div>
  <div class="mb-3">
    <label for="exampleInputPassword1" class="form-label">Введите вес в килограммах:</label>
    <input type="text" class="form-control" id="exampleInputves"></div>
  <button type="submit" class="btn btn-primary btn-lg" onclick="func()">Submit</button>
</form>
<p id="res"></p>
<p id="doks"></p>
<p id="cikl"></p>

javascript html

1 个回答

  1. Best Answer

    这不是 Wordpress 问题。js 中的任何事件都有标准行为，包括点击按钮。如果您不希望默认行为起作用，请将事件传递给函数（如下所示：）function func(e) {...}，并在内部使用e.preventDefault().

    可以这样做：

    let button = document.querySelector('#submit');
button.onclick = function func(e) {
    e.preventDefault(); // Предотвращение стандартного поведения
    let exampleInputrost = Number(document.getElementById("exampleInputrost").value);
    let exampleInputves = Number(document.getElementById("exampleInputves").value);
    let doksorubicin = 60;
    let ciklophosphamid = 600;
    function square_body_chemotherapy(exampleInputrost, exampleInputves) {
    let weitfloatsquare = Math.pow(exampleInputrost, 0.5);
    let heightfloatsquare = Math.pow(exampleInputves, 0.5);
    let square_body = 0.0167 * weitfloatsquare * heightfloatsquare;
    return square_body.toFixed(1);
  }
let res = square_body_chemotherapy(exampleInputrost, exampleInputves);
let doksorubicin_doza = doksorubicin * res;
let ciklophosphamid_doza = ciklophosphamid * res;
document.getElementById("doks").innerHTML = doksorubicin_doza;
document.getElementById("cikl").innerHTML = ciklophosphamid_doza;
document.getElementById("res").innerHTML = res;
}
    <form>
  <div class="mb-3">
    <label for="exampleInputEmail1" class="form-label">Введите рост в сантиметрах:</label>
    <input type="text" class="form-control" id="exampleInputrost"></div>
  <div class="mb-3">
    <label for="exampleInputPassword1" class="form-label">Введите вес в килограммах:</label>
    <input type="text" class="form-control" id="exampleInputves"></div>
  <button id='submit' type="submit" class="btn btn-primary btn-lg" onclick="func()">Submit</button>
</form>
<p id="res"></p>
<p id="doks"></p>
<p id="cikl"></p>

    • 1

相关问题