Rekentool voor website

Status
Niet open voor verdere reacties.
L

Liselot79

Gebruiker
Lid geworden
16 mrt 2015
Berichten
5
Wie o wie kan mij helpen.
Voor een eigen website heb ik een html code nodig voor het volgende:

Kolom A: Kolom A moet vrij in te vullen zijn.
Kolom B: Kolom B moet vrij in te vullen zijn.
Een mooie knop waarop staat Bereken (Knop in het lichtgrijs).
Kolom C: Kolom C moet de uitkomst zijn van: De gegevens van kolom A x 150.
Kolom D: Kolom D moet zijn: De uitkomst van kolom C gedeeld door de gegevens van kolom B.

De site heb ik gemaakt in SharePoint Design.

Alvast suuuuuuuuuuper bedankt!
 

Bijlagen

  • HTML reken tool.PNG
    HTML reken tool.PNG
    12,2 KB · Weergaven: 82
Ik zou je willen adviseren om eerst zelf iets te proberen.

Wanneer je iets niet begrijpt is iedereen hier bereid om je te helpen en aan te geven waar je in je code de mist in gaat.

Over het algemeen is men echter niet bereid om jouw werk/site te gaan maken.

Om alvast een tipje van de sluier op te lichten, dit gaat je nooit lukken met alleen HTML-code.
 
Bedankt voor je bericht.

Na vier lessen webdesign ben ik nog best een kneus maar ik heb zeker al zelf wat geprobeerd in elkaar te zetten.
Tot zo ver mijn resultaaat.
<table style="width: 100%" class="style9">
<tr class="style11">
<td class="style6">&nbsp;</td>
<td style="width: 140px" class="style5">00</td>
<td class="style7">&nbsp;</td>
</tr>
<tr class="style11">
<td class="style6">&nbsp;</td>
<td style="width: 140px" class="style5">0</td>
<td class="style7">&nbsp;</td>
</tr>
<tr class="style11">
<td>&nbsp;</td>
<td style="width: 140px" class="style4">
<img alt="knop" src="../Knop%20bereken2.jpg" width="132" height="28" /></td>
<td>&nbsp;</td>
</tr>
<tr>
<td class="style10" style="mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin; mso-bidi-font-family: Arial; mso-ansi-language: NL; mso-fareast-language: EN-US; mso-bidi-language: AR-SA">
&nbsp;</td>
<td style="width: 140px" class="style5">
<span class="style2">000</td>
<td class="style12">&nbsp;&nbsp; </td>
</tr>
<tr class="style11">
<td class="style6" style="height: 22px"></td>
<td style="width: 140px; height: 22px" class="style5">
000</td>
<td class="style7" style="height: 22px">&nbsp;&nbsp; </td>
</tr>
</table>

Mocht wat ik wil dus niet lukken met HTML dan hoor ik heel graag hoe dan, want dat moet ik uitdokteren hoe ik dit dan voor elkaar kan krijgen.
Hoor graag van je,
 
Ga eens kijken naar JavaScript, daar kan je mee rekenen. Met HTML niet echt.
 
Nog nooit met Javascript gewerkt maaaar ik doe mijn best,:shocked:
Begin is er,

<td>&nbsp;</td>
<td style="width: 190px" class="style1">


<input id="getal_3" name="getal_3" type="text" /></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td style="width: 190px" class="style1">
<input id="getal_4" name="getal_4" type="text" /></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td style="width: 190px" class="style1">

<input name="bereken0" type="button" value="Bereken" onclick="bereken();" /></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td style="width: 190px" class="style1">


<input id="getal_5" name="getal_5" type="text" /></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td style="width: 190px" class="style1">


<input id="getal_6" name="getal_6" type="text" /></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td style="width: 190px" class="style1">&nbsp;</td>
<td><br>
</td>
 
Komt in de buurt, soort van:confused:
<script language= "JavaScript">
<!--
function rekenen1(){
var box1=document.rekenen.box1.value;
var box2=document.rekenen.box2.value;
var box3=document.rekenen.box3.value;
var box4=document.rekenen.box4.value;
var box3=box1*150;
var box4=(box3)/(box4);
document.rekenen.box3.value=box3;
document.rekenen.box4.value=box4;
}
//-->
</script>
</head>
<body>
<form name='rekenen'><input type='text' name='box1' ><br>
<input type='text' name='box2'><br>
<input type='button' name='uitrekenen' onclick="rekenen1()" value='reken uit!'><br>
<br>
<input type='text' name='box3'><br>
<input type='text' name='box4'><br>
<br>
</form>
 
Liselot,

Ik vind dat je dit heel goed en voortvarend op pakt.
Ik zou in de javascript functie wel even controleren of de velden box1 en box2 een geldige waarde hebben en anders een foutmelding tonen. Dus geen leeg veld, geen string maar echt een getal. box4 mag bovendien geen nul zijn, delen door nul mag niet.

Je zou ook een stel tussenvariabelen weg kunnen laten waardoor je beduidend minder javascript overhoud.

HTML: 
function rekenen1(){
    document.rekenen.box3.value=document.rekenen.box1.value*150;
    document.rekenen.box4.value=(document.rekenen.box1.value*150)/(document.rekenen.box2.value);
}
 
Laatst bewerkt:
Super bedankt voor je support.
Maar ik snap nog steeds niet helemaal wat ik doe, ik weet dat ik op de goede weg ben maar toch gaat er iets niet goed.
Nu een week later nog op hetzelfde punt.

Wanneer ik nu op reken uit klik krijg ik zelf geen uitkomst meer.
Wat doe ik toch fout?

<html>
<head>
<script language= "JavaScript">
<!--
function rekenen1(){
document.rekenen.box3.value=document.rekenen.box1.value*150;
document.rekenen.box4.value=(document.rekenen.box1.value*150)/(document.rekenen.box2.value);
}
//-->
</script>
</head>
<body>
<form name='rekenen'><input type='text' name='box1' ><br>
<input type='text' name='box2'><br>
<input type='button' name='uitrekenen' onclick="rekenen1()" value='reken uit!'><br>
<br>
<input type='text' name='box3'><br>
<input type='text' name='box4'><br>
<br>
</body>

</html>
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan