HTML 上的 Javascript 输入和输出[关闭]-前端黑洞网

本站消息

站长简介/公众号

出租广告位,需要合作请联系站长

黑洞官方问答小能手

489336

文章

250650551

访问

+关注

分类

暂无分类

日期归档

暂无数据

HTML 上的 Javascript 输入和输出[关闭]

发布于2024-11-04 23:26 阅读(364) 评论(0) 点赞(15) 收藏(3)

我来自 Java 世界，我尝试重写我在 Eclipse 中创建的 Java 代码。我想将其集成到 html 网页中。根据用户的回答，我将代码重写为 javascript，但仍然不起作用。脚本的目的是处理用户提供的 3 个变量并输出 5 个计算结果。基本上我不确定 html 和 javascript 之间的连接是否正确。逻辑本身应该有效。

 <!DOCTYPE html>
 <html>
 <body>


   Teilnehmer Deutschland: <input type= "text" id= "TNDV">

   Teilnehmer Partner: <input type= "text" id= "TNPV">

   Anzahl Nächte: <input type= "text" id= "NV">

   <button onclick = "berechnung()">test </button>

   <p id="TNBI"></p>
   <p id="TNBE"></p>
   <p id="TNBA"></p>
   <p id="TNBG"></p>
   <p id="FP"></p>


 </body> 

  <script>
  var berechnung = (function () {
   function berechnung() {
   }
   berechnung.main = function (args) {
   var TND = document.getElementById("TNDV").value;
   var TNP = document.getElementById("TNPV").value;
   var N = document.getElementById("NV").value;
    var TNBI;
    var TNBE;
    var TNBA;
    var TNBG;
    var FP;
    if (N >= 4) {
        TNBE = (10 * N);
        TNBI = (8 * N);
        TNBA = (4 * N);
    }
    else {
        TNBE = (10 * N);
        TNBI = (4 * N);
        TNBA = (0);
    }
    if (TNP + TND >= 16) {
        TNBG = (TNBI * (TND - 2) * 1 / 3 + TNBE * (TND - 2) * 2 / 3 +   TNBA * (TNP - 2));
    }
    else if (TNP + TND >= 10) {
        TNBG = (TNBI * (TND - 1) * 1 / 3 + TNBE * (TND - 1) * 2 / 3 + TNBA * (TNP - 1));
    }
    else {
        TNBG = (TNBI * (TND - 1) * 1 / 3 + TNBE * (TND - 1) * 2 / 3 + TNBA * TNP);
    }
    if (TND + TNP >= 16) {
        FP = 4;
    }
    else if (TND + TNP >= 10) {
        FP = 2;
    }
    else {
        FP = 1;
    }
     document.getElementById("TNBI").innerText = `Intern: ${TND}`;
     document.getElementById("TNBE").innerText = `Extern: ${TNP}`;  
     document.getElementById("TNBA").innerText = `Partner: ${N}`;
     document.getElementById("TNBA").innerText = `Freie Plätze: ${FP}`;
     document.getElementById("TNBA").innerText = `Gesamt: ${TNBG}`;

  };
  return berechnung;
  }());
  berechnung["__class"] = "berechnung";
  berechnung.main(null);

   </script>

  </html>

解决方案

所以，JavaScript 是一个误称，它与 Java 完全没有关系。如果你想用 JavaScript 重写 Java 代码，这是有可能的；但是，JavaScript 不是一种类型语言，所以像“String”这样的东西毫无意义，而且 JavaScript 中没有 Double。

这是我对于您要实现的目标的最佳猜测。

解决方案

function berechnung() {
    var TND = parseInt(document.getElementById("TNDV").value);
    var TNP = parseInt(document.getElementById("TNPV").value);
    var N = parseInt(document.getElementById("NV").value);
    var TNBI, TNBE, TNBA, TNBG, FP;
    if (N >= 4) {
        TNBE = (10 * N);
        TNBI = (8 * N);
        TNBA = (4 * N);
    }
    else {
        TNBE = (10 * N);
        TNBI = (4 * N);
        TNBA = (0);
    }
    if (TNP + TND >= 16) {
        TNBG = (TNBI * (TND - 2) * 1 / 3 + TNBE * (TND - 2) * 2 / 3 + TNBA * (TNP - 2));
    }
    else if (TNP + TND >= 10) {
        TNBG = (TNBI * (TND - 1) * 1 / 3 + TNBE * (TND - 1) * 2 / 3 + TNBA * (TNP - 1));
    }
    else {
        TNBG = (TNBI * (TND - 1) * 1 / 3 + TNBE * (TND - 1) * 2 / 3 + TNBA * TNP);
    }
    if (TND + TNP >= 16) {
        FP = 4;
    }
    else if (TND + TNP >= 10) {
        FP = 2;
    }
    else {
        FP = 1;
    }
    document.getElementById("TNBI").innerText = `Intern: ${TND}`;
    document.getElementById("TNBE").innerText = `Extern: ${TNP}`;
    document.getElementById("TNBA").innerText = `Partner: ${N}`;
    document.getElementById("TNBA").innerText = `Freie Plätze: ${FP}`;
    document.getElementById("TNBA").innerText = `Gesamt: ${TNBG}`;

};

Teilnehmer Deutschland: <input type= "text" id= "TNDV"><br>
Teilnehmer Partner: <input type= "text" id= "TNPV"><br>
Anzahl Nächte: <input type= "text" id= "NV"><br>
<button onclick="berechnung()">results</button>

<p id="TNBI"></p>
<p id="TNBE"></p>
<p id="TNBA"></p>
<p id="TNBG"></p>
<p id="FP"></p>