个人中心
gpt4 book ai didi

javascript - 我的代码在同一个文件中时停止工作

转载 作者：行者123 更新时间：2023-11-30 06:11:14 24 4
gpt4 key购买 nike

我的 Javascript 代码有问题。它是荷兰语的，所以你可能需要翻译。 “Rente”代码正在运行，并在被要求这样做时显示警报。但是，当我添加“BTW”代码时，它们都不会显示警告框，甚至不会执行公式。就像他们正在穿越彼此但我找不到它。 “BTW”代码也不能单独使用。在我按照你们的观点提示进行操作后，它仍然无法正常工作。

这里是代码:

<!DOCTYPE html>
<html lang="nl">

 <head>
    <meta charset="utf-8">
      <link rel="stylesheet" type="text/css" href="SEAopdracht.css">
    <title>MuTan Inc.</title>

    <script type="text/javascript">
    function laatZien(divID)  {
    var Home = document.getElementById("Home");
    var BTW = document.getElementById("BTW");
    var Rente = document.getElementById("Rente");
    var directie = document.getElementById("directie");

    var item = document.getElementById(divID);

    if (item.id == "Home"){      
    Home.className="zichtbaar";      
    BTW.className="verstopt";      
    Rente.className="verstopt";
    directie.className="verstopt";     
    }

    if (item.id == "BTW"){      
    Home.className="verstopt";      
    BTW.className="zichtbaar";      
    Rente.className="verstopt";
    directie.className="verstopt";    
    }

    if (item.id == "Rente"){      
    Home.className="verstopt";      
    BTW.className="verstopt";      
    Rente.className="zichtbaar";
    directie.className="verstopt";
    }

    if (item.id == "directie"){      
    Home.className="verstopt";      
    BTW.className="verstopt";      
    Rente.className="verstopt";
    directie.className="zichtbaar";
      }
     }
    </script>
 </head>

    <body>

      <div id="bovenste">
        <h1> <img src="logo.png" width=250></h1>
      </div>


      <div id="menu">
      <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">BTW berekenen</a></li>
        <li><a href="#">Rente bereken</a></li>
        <li><a href="#">De directie</a></li>
      </ul>
    </div>

    <div id="inhoud">

  <div id="Home" class="zichtbaar">
    <img src="logo.png"> <br>
    <h2>Welkom op onze Website! <br>
    Wij hebben er hier voor gezorgd dat u GRATIS uw BTW én Rente kan bereken.<br>
    Met de kennis die wij hebben opgedaan hebben we samen deze website in elkaar gezet! <br>
    Wij hopen dat onze website u helpt om gemakkelijker u BTW en Rente te bereken!<br>
    Heeft u klachten kunt u ons GEEN bericht sturen naar GEEN e-mailadres.<br>
    Groetjes, <br>
    Natan en Muhammed </h2><br>
  </div>

  <div id="BTW" class="verstopt">

   <script type="text/javascript">

   function myFunction() {

   var inclusief = document.document.getElementById('exnaarin').checked
   var exclusief = document.document.getElementById('innaarex').checked

   var nul = document.getElementById(0).checked
   var zes = document.getElementById(6).checked
   var max = document.getElementById(21).checked

   var b = parseFloat(document.getElementsByName('Bedrag')[0].value);

   BTW = "Dat zou gelijk staat aan een bedrag van €"
   if (inclusief && nul) {
   BTW += b;
   }
   else if (inclusief && zes) {
   BTW += (((b/100)* 6)+ b);    
   }

   else if (inclusief && max) {
   BTW += (((b/100)* 21)+ b);  
   }

   else if (exclusief && nul) {
   BTW += b;
   }

   else if (exclusief && zes) {
   BTW += ((b/106)*100);
   }

   else if (exclusief && max) {
   BTW += ((b/121)* 100);
   }
   alert(BTW);

  }
   </script>
    <form name= "mijnForm">

    <caption> BTW berekenen </caption><br>
    <br>
    Wat wil je doen?<br>
    <input type="radio" id="exnaarin" name="BTW" value="Naarinclusief" checked>Van exclusief naar inclusief
    <br>
    <input type="radio" id="innaarex" name="BTW" value="Naarexclusief">Van inclusief naar exclusief
    <br>
    <br>
    Welk percentate BTW wil je gebruiken?<br>
    <input type="radio" id="0" name="procent" value="0procent" checked>0%
    <br>
    <input type="radio" id="6" name="procent" value="6procent" >6%
    <br>
    <input type="radio" id="21" name="procent" value="21procent" >21%
    <br>
    <br>
    Over welk bedrag wil je de BTW berekenen?<br>
    <input type ="tekst" name ="Bedrag" value = "" placeholder="Bedrag?">
    <br>
    <input type="button" name="bereken2" value="Bereken!" onClick="myFunction()">
    </form>
  </div>

  <div id="Rente" class="verstopt">
     <!-- Dit is 1 groot pokkewerk, zou het fijn vinden als je hier niet
     aan zit, liefs Natan-->

     <script type="text/javascript">

        function berekening() {

         var enkel = document.getElementById('Rente1').checked
         var samen = document.getElementById('Rente2').checked

         var x = parseFloat(document.getElementsByName('percentage')[0].value);
         var y = parseFloat(document.getElementsByName('Geleendbedrag')[0].value);
         var z = parseFloat(document.getElementsByName('Hoeveeljaar')[0].value);

         resultaat = "U moet €"
         if (enkel) {
         resultaat +=((z *(x *(y/100))) + y);
         resultaat += " afbetalen."      
         alert(resultaat);
         }


         else if (samen) {
         resultaat1 = "U moet €"
         resultaat1 += y * Math.pow((1 + (x/100)), z);
         resultaat1 += " afbetalen."
         alert(resultaat1);
         }
        }
     </script>
       <form name="mijnForm">
        <table>
            <caption>Rente berekenen</caption>

            <tr>
              <td class="midden kop">Vraag</td>
              <td class="midden kop">Antwoord</td>

            </tr>
            <tr>
              <td class="midden">Welke soort rente moet je betalen?</td>
              <td class="midden">
              <input type="radio" id="Rente1" name="rente" value="enkel" checked>Enkelvoudige rente
              <br>
              <input type="radio" id="Rente2" name="rente" value="samen">Samengestelde rente
              </td>
            </tr>
            <tr>
              <td class="midden">Hoe hoog is het percentage die betaald moet worden?</td>
              <td class="midden">
              <input type = "tekst" name = "percentage" value = "" placeholder="Percentage?">
              </td>             
            </tr>
            <tr>
              <td class="midden">Welk bedrag heb je geleend?</td>
              <td class="midden">
              <input type = "tekst" name = "Geleendbedrag" value = "" placeholder="Hoeveel geleend?">
              </td>             
            </tr>
            <tr>
              <td class="midden">Hoeveel jaar ga je het bedrag lenen></td>
              <td class="midden">
              <input type = "tekst" name = "Hoeveeljaar" value = "" placeholder="jaaraantal?">
              </td>             
            </tr>
            <tr>
              <td class="midden">Druk op de knop om je rente te berekenen!-----></td>
              <td class="midden">
              <input type="button" name="bereken1" value="Berekenen" onClick="berekening()">
              </td>             
            </tr>
          </table>
         </form>
  </div>

   <div id="directie" class="verstopt">
    <img src="natan.jpg"><br> 
    Dit is Natan, <br>
    één van de makers van deze site! <br>
    Natan is 15 jaar oud. <br>

    <img src="luzacfoto.png">
  </div>

</div>

<div id="menu">
  <ul>

    <li>
      <a href="javascript:laatZien('Home');">Home</a>
    </li>

    <li>
      <a href="javascript:laatZien('BTW');">BTW berekenen</a>
    </li>

    <li>
      <a href="javascript:laatZien('Rente');">Rente berekenen</a>
    </li>

    <li>
      <a href="javascript:laatZien('directie');">De directie</a>
    </li>

  </ul>

</div>

     </body>

</html>

最佳答案

你有语法错误:

在 myFunction() 中通过 id 和 name 获取值:

var inclusief = document.getElementById('exnaarin').checked
var exclusief = document.getElementById('innaarex').checked

var nul = document.getElementById(0).checked
var zes = document.getElementById(6).checked
var max = document.getElementById(21).checked

var b = parseFloat(document.getElementsByName('Bedrag')[0].value);

在 berekening() 中相同:

var enkel = document.getElementById('Rente1').checked
var samen = document.getElementById('Rente2').checked

var x = parseFloat(document.getElementsByName('percentage')[0].value);
var y = parseFloat(document.getElementsByName('Geleendbedrag')[0].value);
var z = parseFloat(document.getElementsByName('Hoeveeljaar')[0].value);

在 MDN 上查看更多信息 getElementById , getElementsByName

关于javascript - 我的代码在同一个文件中时停止工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58834412/

24 4 0
文章推荐： javascript - 使用 postman 测试 onWrite firestore 功能
文章推荐： java - JTextArea 圆角
文章推荐： javascript - 调用堆栈为空时是否执行 node.js 事件的处理程序？
文章推荐： javascript - 如何从函数返回值-CodeceptJS
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com