Javascript werkt niet meer in Firefox 4 - Softwareontwikkeling

vrijdag 29 april 2011 20:04

Acties:

Topicstarter

Hallo mijn neefje heeft een script voor mij geschreven om een beetje te oefenen met rekenen werkt prima in Firefox 3 alleen in Firefox 4 niet meer. Ik heb zelf niet zoveel verstand van Java en hij heeft het op het ogenblik druk met zijn studie

http://home.telfort.nl/sp...n/test/Dart%20sommen.html

<html>
<head>
<title>Dart Sommen!</title>
<title rel="stylesheet" type="text/css" href="galgje.css">
<script type="text/javascript">
function maakSom()
{
var Somproduct1 = Math.floor(Math.random() * 501);
document.getElementById('som1').value = Somproduct1;
if(Somproduct1 < 150)
{
var Somproduct2 = Math.floor(Math.random() * Somproduct1);
}
else
{
var Somproduct2 = Math.floor(Math.random() * 150);
}
document.getElementById('som2').value = Somproduct2;
document.getElementById('antwoord').value = "";
}

function checkAntwoord()
{
var antwoord = document.getElementById('som1').value - document.getElementById('som2').value;
if(antwoord == document.getElementById('antwoord').value)
{
maakSom();
}
else
{
alert("Fout! Het was " + antwoord + " ");
maakSom();
}
}
</script>
</head>
<body style="background:#00BBFF;padding-top:70px;margin:0px;">
<div style="width:400px; min-height:100px; background:#FFFFFF; text-align:center; margin-left:auto; margin-right:auto; padding:20px;">
<br>

<input type="text" id="som1" size="8" disabled /> <br>

<input type="text" id="som2" size="8" disabled /> - <br />

<input type="text" id="antwoord" size="8" /> <br /> <br />

<input type="button" value="Enter" onclick="javascript: checkAntwoord();" />

<script type="text/javascript">
maakSom();
</script>
</div>

</body>
</html>

Ryuukami

vrijdag 29 april 2011 20:11

Acties:

Verwijderd

2de title is external stylesheet, dus link ipv title

[ Voor 48% gewijzigd door Verwijderd op 29-04-2011 20:19 ]

vrijdag 29 april 2011 20:30

Acties:

StephanVierkant

Dit is een kwestie van goed debuggen. Je fout heeft op het eerste oog namelijk niets met Javascript van doen: ook je html wordt namelijk niet weergegeven.

Zorg er dus voor dat je je html goed checkt (daarvoor zijn genoeg online tooltjes te vinden). Ook kan Firebug je helpen. Deze kan je zowel ten aanzien van html als javascript helpen problemen oplossen.

Oja: plaats de volgende keer je html even met code-tags, dat maakt e.a.a. wat beter leesbaar voor ons.
Oja 2: Java heeft vrij weinig met Javascript te maken.

vrijdag 29 april 2011 20:38

Acties:

Verwijderd

inderdaad, als ik in google chrome de code check nadat deze geladen is, komt deze code, deze is flink anders als je oorspronkelijke broncode:

code:

<html><head>
        <title>Dart Sommen!</title>
        <title rel="stylesheet" type="text/css" href="galgje.css">
        &lt;script type="text/javascript"&gt;
            function maakSom()
            {
                var Somproduct1 = Math.floor(Math.random() * 501);
                document.getElementById('som1').value = Somproduct1;
                if(Somproduct1 &lt; 150) 
                {
                    var Somproduct2 = Math.floor(Math.random() * Somproduct1);
                }
                else
                {
                    var Somproduct2 = Math.floor(Math.random() * 150);
                }
                document.getElementById('som2').value = Somproduct2;
                document.getElementById('antwoord').value = "";
            }
            
            function checkAntwoord()
            {
                var antwoord = document.getElementById('som1').value - document.getElementById('som2').value;
                if(antwoord == document.getElementById('antwoord').value) 
                {
                    maakSom();
                }
                else
                {
                    alert("Fout! Het was " + antwoord + " ");
                    maakSom();
                }
            }
        &lt;/script&gt;
    &lt;/head&gt;
    &lt;body style="background:#00BBFF;padding-top:150px;margin:0px;"&gt;
        &lt;div style="width:400px; min-height:100px; background:#FFFFFF; text-align:center; margin-left:auto; margin-right:auto; padding:20px;"&gt;
            &lt;br&gt;
            &lt;input type="text" id="som1" size="8" disabled /&gt; &lt;br&gt;
            
            &lt;input type="text" id="som2" size="8" disabled /&gt; -&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;br /&gt;
            
            &lt;input type="text" id="antwoord" size="8" /&gt; &lt;br /&gt; &lt;br /&gt;
            
            &lt;input type="button" value="Enter" onclick="javascript: checkAntwoord();" /&gt;
            
            &lt;script type="text/javascript"&gt;
                maakSom();
            &lt;/script&gt;
        &lt;/div&gt;
    &lt;/body&gt;
&lt;/html&gt;</title></head><body></body></html>

[ Voor 5% gewijzigd door Verwijderd op 29-04-2011 20:40 ]

vrijdag 29 april 2011 20:45

Acties:

Verwijderd

nadat ik dit:

code:

1	<title rel="stylesheet" type="text/css" href="galgje.css">

vervangen heb door dit:

code:

1	<link rel="stylesheet" type="text/css" href="galgje.css" />

werkt het

vrijdag 29 april 2011 21:37

Acties:

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Kan iemand even...?
Zo werken we hier niet. Hanteer volgende keer als je een topic opent a.u.b. onze Quickstart.

Oh, en als je code post, gebruik dan voortaan code tags a.u.b.

[ Voor 67% gewijzigd door RobIII op 29-04-2011 21:39 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

Pagina: 1

Dit topic is gesloten.