Rekenmachine

Status
Niet open voor verdere reacties.
U

uaejeroen

Terugkerende gebruiker
Lid geworden
7 dec 2009
Berichten
1.665
HTML: 
<html>
<head>
<title>Untitled</title>
<style>
<!-- 
td.even   {background-color: #CCCCFF;  }
td.oneven {background-color: #9999FF;  }
th        {background-color: #6666FF;  }
-->
<style type="text/javascript">
<!-- 
var1 = 0;  
var2 = 0;
 
function setvar1(waarde)
{
var1 = waarde;
}
function setvar2(waarde)
{
var2 = waarde;
}
function reken()
{
som = var1 + var2; 
verschil = var1 - var2;
product = var1 * var2; 
quotient = var1/var2;
window.alert("variabele 1 heeft de waarde: '+var1+'\nvariabele2 heeft de waarde:'+var2+'\nde som van de twee variabelen is:'+som+'\n het verschil van de variabelen is:'+verschil+'\
nhet product van de variabele is:'+product+'\nhet quotient van de variabelen is:'+quotient)
}
-->
</style>
</style>
</head>
<body>
<table width="100%">
<tr>
<th colspan="3">variabele 1</th>
</tr>
<tr>
<td class="even"onClick="setvar1(1)">1</td>
<td class="oneven"onClick="setvar1(5)">5</td>
<td class="even"onClick="setvar1(11)">11</td>
</tr>
<tr>
<th colspan="3">variabele 2</th>
</tr>
<tr>
<td class="oneven"onClick="setvar2(2)">2</td>
<td class="even"onClick="setvar2(3)">3</td>
<td class="oneven"onClick="setvar2(7)">7</td>
</tr>
</table>
<p><a href="javascript:reken()">reken</a>
</body>
</html>

Wat klopt er niet aan lijn 42 43 44
 
Laatst bewerkt door een moderator:
Daar is niks mis mee. Er zijn wel een paar dingen die niet kloppen (met dank aan de error console van firefox):
regel 10 moet zijn
HTML: 
</style>
<script type="text/javascript">
regel 33 moet dan worden
HTML: 
</script>
regel 34 mag weg

regel 29 en 30 horen 1 regel te zijn (dat is het misschien in het origineel, maar is het mis gegaan bij het kopiëren naar het forum). Ook begin je op regel 29 met dubbele aanhalingstekens om vervolgens enkele te gebruiken. Je moet of overal dubbele of overal enkele gebruiken.
 
Hartstikke bedankt voor uw hulp

Ik ben niet zo'n held in javascript, ik raak soms helemaal de kluts kwijt over style en script
Nu kom ik het volgende probleem tegen
De berekening
Als ik op reken druk krijg ik niet de tekst die in ingevult het niet de berekening

hier heeft u mijn bijgewerkte script
<html>
<head>
<title>Untitled</title>
<style>
<!--
td.even {background-color: #CCCCFF; }
td.oneven {background-color: #9999FF; }
th {background-color: #6666FF; }
-->
</style>
<script type="text/javascript">
<!--
var1 = 0;
var2 = 0;

function setvar1(waarde)
{
var1 = waarde;
}
function setvar2(waarde)
{
var2 = waarde;
}
function reken()
{
som = var1 + var2;
verschil = var1 - var2;
product = var1 * var2;
quotient = var1/var2;
window.alert("variabele 1 heeft de waarde: '+ var1 +'\nvariabele2 heeft de waarde:'+ var2 +'\nde som van de twee variabelen is:'+som+'\n het verschil van de variabelen is:'+verschil+'\
nhet product van de variabele is:'+product+'\nhet quotient van de variabelen is:'+ quotient")
}
-->
</script>
</head>
<body>
<table width="100%">
<tr>
<th colspan="3">variabele 1</th>
</tr>
<tr>
<td class="even"onClick="setvar1(1)">1</td>
<td class="oneven"onClick="setvar1(5)">5</td>
<td class="even"onClick="setvar1(11)">11</td>
</tr>
<tr>
<th colspan="3">variabele 2</th>
</tr>
<tr>
<td class="oneven"onClick="setvar2(2)">2</td>
<td class="even"onClick="setvar2(3)">3</td>
<td class="oneven"onClick="setvar2(7)">7</td>
</tr>
</table>
<p><a href="javascript:reken()">reken</a>
</body>
</html>

Nogmaals bedankt voor u informatie
 
Het probleem lijkt hem nog steeds in de enkele/dubbele aanhalingstekens te zitten. Als ik
HTML: 
window.alert("variabele 1 heeft de waarde: '+ var1 +'\nvariabele2 heeft de waarde:'+ var2 +'\nde som van de twee variabelen is:'+som+'\n het verschil van de variabelen is:'+verschil+'\
nhet product van de variabele is:'+product+'\nhet quotient van de variabelen is:'+ quotient")
vervang door
HTML: 
window.alert('variabele 1 heeft de waarde: '+ var1 +'\nvariabele2 heeft de waarde:'+ var2 +'\nde som van de twee variabelen is:'+som+'\n het verschil van de variabelen is:'+verschil+'\nhet product van de variabele is:'+product+'\nhet quotient van de variabelen is:'+ quotient)
(eerste dubbele aanhalingsteken vervangen door enkele en dubbele aanhalingsteken aan het einde weggehaald) dan werkt het bij mij.
 
dank u

zojuist is het gelukt

Nu heb ik het volgende wat ik wil berekenen
Een keuze lijst van kleur dier en eten
Helaas leek het makkelijker dan het is
<html>
<head>
<style type="text/css">
td.even {background-color: #ccf;}
td.oneven {background-color: #99f;}
th {background-color: #66f;}
</style>
<script type="text/javascript">
var1=0
var2=0
var3=0
function setvar1(kleur)
{var1=kleur}
function setvar2(dier)
{var2=dier}
function setvar3(eten)
{var3=eten}
function hier()
{
som=var1+var2+var3;
}
onMouseOver=window.status =("welkom op deze website");
alert ('variabele 1 uw lievelings kleur: '+var1+
'\variabele2 uw lievelings dier:'+var2+
'\variabele3 uw lievelings eten:'+hier+

//-->

</script>

</head>
<body>
<table width="100%" border="1">
<tr>
<th colspan="4"</th>
</tr>
<tr>
<td> Uw lievelings kleur is </td>
<td>Blauw</td>
<td>Groen</td>
<td>Rood</td>
</tr>
<tr>
<td>Uw lievelings dier is</td>
<td>Kat</td>
<td>Hond</td>
<td>kip</td>
</tr>
<tr>
<td>Uw lievelings eten is</td>
<td>Patat</td>
<td>Thais</td>
<td>Spaans</td>
</tr>
<tr>
<td>Klik</td>
<td>Hier</td>
<td>&nbsp </td>
<td>&nbsp </td>
</tr>
</table>
</body>
</html>

Wat doe ik hier fout?
Rij 30 teken 1?
 
De regel [js]alert ('variabele 1 uw lievelings kleur: '+var1+
'\variabele2 uw lievelings dier:'+var2+
'\variabele3 uw lievelings eten:'+hier+[/js] klopt niet.
Dat moet 1 regel zijn en hij moet afgesloten worden met een haakje. De variabele "hier" bestaat ook niet. Als je de functie aanroep bedoelt zal je die functie iets moeten laten opleveren

[js]function hier()
{
return var1+var2+var3;
}[/js]

waarna je de aanroep kan gebruiken in alert
[js]alert ('variabele 1 uw lievelings kleur: '+var1+'\nvariabele2 uw lievelings dier:'+var2+'\nvariabele3 uw lievelings eten:'+hier())[/js]
 
dank u

Maar kunt u een voorbeel sturen zodat ik het naast elkaar kan vergelijken?

Alvast bedankt
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan