Frage Id's und Parameter bei einem Zinsrechner (Bluefish)

[Exaliq]

Hallo Leute des HTML Forums,

Wir haben vor kurzem im Unterricht einen Zinsrechner programmiert, uns wurde danach eine Musterlösung gegeben, bei dieser weiß ich allerdings nicht wie er die Id's als Parameter erkennen kann.

Hier erstmal die Musterlösung:

<script type="text/javascript">
    function funk_zinsen(p_K, p_T, p_P, p_Z ) {
    window.document.getElementById(p_P).value = 2;
  
      if (window.document.getElementById(p_K).value > 50000) {
       window.document.getElementById(p_P).value = 3;
      }       
  
   window.document.getElementById(p_Z).value =
   Math.round(window.document.getElementById(p_K).value *
       window.document.getElementById(p_P).value *
       window.document.getElementById(p_T).value
       /   100/360);                                              
   }
</script>
</head>
   <h1>Zinsrechner</h1>
   <form>  
   <table> 
     <tr>
               <td>Kapital: </td>
               <td><input type="text" id="f_kapital" /></td>
       </tr>
       <tr>
               <td>Tage: </td>
               <td><input type="text" id="f_tage" /></td>
       </tr>
    <tr>
               <td>Zinfuß: </td>
               <td><input type="text" id="f_zinsfuss" readonly="readonly" /></td>
    </tr>
        <tr>
               <td>Zinsen: </td>
               <td><input type="text" id="f_zinsen" readonly="readonly" /></td>
    </tr>
     </table>
       <p>
               <button type="button" onClick="funk_zinsen('f_kapital','f_tage','f_zinsfuss', 'f_zinsen');">  
               Rechne!
           </button>                                          
       </p>

Oben in der Funktion werden ja die Werte durch window.document.getElementById aufgerufen, allerdings unten beim Input als andere Id's eingegeben (f_Kapital -> p_K etc.)

So wie ich die Aufgabe gelöst habe werden die Id's und Parameter komplett eingegeben (f_Kapital -> p_Kapital etc.)

Wie kann die Funktion also diese Werte abrufen mit Parametern die oben in der Funktion und unten im Input verschieden angegeben sind?

 

[scbawik]

Hallo Leute des HTML Forums,

Wir haben vor kurzem im Unterricht einen Zinsrechner programmiert, uns wurde danach eine Musterlösung gegeben, bei dieser weiß ich allerdings nicht wie er die Id's als Parameter erkennen kann.

Hier erstmal die Musterlösung:

<script type="text/javascript">
function funk_zinsen(p_K, p_T, p_P, p_Z ) {
window.document.getElementById(p_P).value = 2;

if (window.document.getElementById(p_K).value > 50000) {
window.document.getElementById(p_P).value = 3;
}

window.document.getElementById(p_Z).value =
Math.round(window.document.getElementById(p_K).value *
window.document.getElementById(p_P).value *
window.document.getElementById(p_T).value
/ 100/360);
}
</script>
</head>
<h1>Zinsrechner</h1>
<form>
<table>
<tr>
<td>Kapital: </td>
<td><input type="text" id="f_kapital" /></td>
</tr>
<tr>
<td>Tage: </td>
<td><input type="text" id="f_tage" /></td>
</tr>
<tr>
<td>Zinfuß: </td>
<td><input type="text" id="f_zinsfuss" readonly="readonly" /></td>
</tr>
<tr>
<td>Zinsen: </td>
<td><input type="text" id="f_zinsen" readonly="readonly" /></td>
</tr>
</table>
<p>
<button type="button" onClick="funk_zinsen('f_kapital','f_tage','f_zinsfuss', 'f_zinsen');">
Rechne!
</button>
</p>

Oben in der Funktion werden ja die Werte durch window.document.getElementById aufgerufen, allerdings unten beim Input als andere Id's eingegeben (f_Kapital -> p_K etc.)

So wie ich die Aufgabe gelöst habe werden die Id's und Parameter komplett eingegeben (f_Kapital -> p_Kapital etc.)

Wie kann die Funktion also diese Werte abrufen mit Parametern die oben in der Funktion und unten im Input verschieden angegeben sind?

funk_zinsen('f_kapital','f_tage','f_zinsfuss', 'f_zinsen');

übergibt die Strings 'f_kapital' etc. an die Funktion.
Diese sind dann innerhalb der Funktion als Variablen 'p_K' etc. verfügbar.

document.getElementById(p_K);

ist also das gleiche wie

document.getElementById('f_kapital');

 

[SpiceLab]

Da es sich hier um ein JavaScript-Problem handelt, wird das Thema entsprechend vom HTML-Bereich ins Fachforum verschoben.