• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Anfänger: Button + window.alert

Bourbon

Bourbon

Mitglied
Hallo Leute,

ich bin neu hier und will mir per Buch HTML5, CSS und Javascript beibringen.
Nur stoße ich jetzt bereits auf ein Problem, was in dem Buch leider nicht gut erklärt ist.

Hier erstmal der Quelltext:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Beschreibung der Seite</title>
</head>
<body>

<script src="js/zepto.js"></script>
<script>
$('button').on('click',function(){
window.alert('Sharky ist der Beste');
});
</script>

</body>
</html>

Warum funktioniert das nicht? In dem Buch ist das leider nur stückweise erklärt und daher weis ich gerade nicht, ob alles am richtigen Platz sitzt.

Ihr könnt mir da doch sicherlich weiterhelfen.

Besten Dank!

André
 
Bourbon schrieb:
Hallo Leute,

ich bin neu hier und will mir per Buch HTML5, CSS und Javascript beibringen.
Nur stoße ich jetzt bereits auf ein Problem, was in dem Buch leider nicht gut erklärt ist.

Hier erstmal der Quelltext:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Beschreibung der Seite</title>
</head>
<body>

<script src="js/zepto.js"></script>
<script>
$('button').on('click',function(){
window.alert('Sharky ist der Beste');
});
</script>

</body>
</html>

Warum funktioniert das nicht? In dem Buch ist das leider nur stückweise erklärt und daher weis ich gerade nicht, ob alles am richtigen Platz sitzt.

Ihr könnt mir da doch sicherlich weiterhelfen.

Besten Dank!

André
Zum Vergrößern anklicken....

jQuery hast du eingebunden, oder ? ;)
Das ist nämlich kein normales JavaScript, sondern jQuery.

Und wo ist der Button, an den du dieses Event binden willst?

Einfach mal in die Fehlerkonsole des Browsers schauen.

Edit: Ok, habe gerade gelesen zepto soll ein jQuery Ersatz sein.
 
Zuletzt bearbeitet:
Die Console von Chrome wirft mir keinen Fehler aus.

Ich versuch jetzt erstmal den Button einzufügen.

//EDIT

Neuer Text:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Beschreibung der Seite</title>
</head>
<body>

<button>Klick drauf</button>
<script src="js/zepto.js"></script>
<script>
$('button').on('click',function(){
window.alert('Sharky ist der Beste');
});
</script>

</body>
</html>

jetzt funktioniert alles. Man, war das einfach :)
 
Zuletzt bearbeitet:
Ich würde es nicht mal schlecht nennen. Es ist nur nicht ganz so verständlich und anfängerfreundlich, wie es sein sollte. Bei solchen Sachen wie oben wird einfach nur der neue Text gezeigt, der eingebaut werden muss. Leider fehlt dann aber immer der komplette Quelltext, damit man auch weis, wo genau. Das so ein Button eingebaut wird, habe ich verstanden. Nur wusste ich nicht, wo ich dies machen muss.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben