Hallo,
kurz zur Erläuterung:
Javascript ist für mich relativ neu. Ich habe mal das ebook überflogen und das ein oder andere mal ausprobiert (damals noch mit Scriptly und IE), aber jetzt bin ich an der DVD und will es einfach besser verstehen (Da rede ich also noch nicht von anwenden!).
Folgende Daten habe ich also einfach mal geschrieben:
HTML:
<!DOCTYPE html>
<html>
<head>
<title>Javascript Beispiel</title>
<meta charset="utf-8">
</head>
<body>
<h1>JavaScript Kurs für Einsteiger</h1>
<p>JavaScript lernen einfach gemacht … </p>
<p>Na, ja - so einfach ist es auch nicht.</p>
<script src="javascriptdatei.js"></script>
<button onclick="document.getElementsByTagName('p')[1].style.backgroundColor = 'orange'">Hier drauf</button>
</body>
</html>
Alles anzeigen
und hier Javascript (auch wenn oben im HTML ein Teil durch den <button onclick> auch schon dabei ist)
alert("PAUSE");
document.write("<h1>Irgendwie komisch!<h1>");
document.getElementsByTagName("h1")[0].style.color = "orange";
alert("2. Pause");
document.getElementsByTagName("p")[0].style.backgroundColor = "yellow";
document.getElementsByTagName("p")[0].style.width = "300px";
Jetzt zu meinem Problem:
Ich arbeite mit Brackets (und bin bisher immer sehr zufrieden gewesen). Dieser arbeitet mit Chrome.
Dort ist die Darstellung von obigen Codes wie folgt:
html-seminar.de/woltlab/attachment/1191/
Man kann also den HTML Text im Bildschirm vor der alert Meldung nicht sehen, was ich eigentlich nicht so will.
Übrigens passiert das auch, wenn ich die Datei direkt aufrufe über Chrome.
Bei Firefox und IE sieht das Ganze dann deutlich besser, -da auch so gewollt aus:
html-seminar.de/woltlab/attachment/1192/
Kann mir jemand erklären, warum das in Chrome nicht funktioniert?
Vielen Dank schon mal im Voraus.