Hi,
ich habe folgendes Problem:
Ich habe meine js Datei in die index.html Datei geschrieben, aber es spinnt ein wenig...
Wenn ich den Code folgendermaßen habe, funktioniert alles:
var name = '',
alter = '',
ablehnungstext = 'Du darfst diese Seite nicht besuchen!';
const erwachsen = 18;
name = prompt('Bitte geben Sie Ihren Namen ein!', name);
alter = prompt('Bitte geben Sie Ihr Alter an!', alter);
if(isNaN(alter)) {
alert(ablehnungstext);
console.log("Alter leer");
}
else if(alter >= erwachsen) {
var ausgabe = 'Hallo, ' +name;
alert(ausgabe);
console.log("Alles richtig eingegeben!");
}
else {
alert(ablehnungstext);
console.log("Zu jung");
}
Alles anzeigen
Wenn ich dann aber document.getElementByID hinzufüge, funktioniert es nicht.
'use strict';
var name = '',
alter = '',
ablehnungstext = 'Du darfst diese Seite nicht besuchen!';
const erwachsen = 18;
name = prompt('Bitte geben Sie Ihren Namen ein!', name);
alter = prompt('Bitte geben Sie Ihr Alter an!', alter);
if(isNaN(alter)) {
alert(ablehnungstext);
document.getElementById('cancel').style.display='';
document.getElementById('image').style.display='none';
console.log("Alter leer");
}
else if(alter >= erwachsen) {
var ausgabe = 'Hallo, ' +name;
alert(ausgabe);
console.log("Alles richtig eingegeben!");
}
else {
alert(ablehnungstext);
document.getElementById('cancel').style.display='';
document.getElementById('image').style.display='none';
console.log("Zu jung");
}
Alles anzeigen
Bekomme immer folgende Fehlermeldung:
main.js:41 Uncaught TypeError: Cannot read property 'style' of null
at main.js:41
So habe ich es in der HTML-Datei definiert:
<script type="text/javascript" src="scripts/main.js"></script>
//Edit: Wenn ich das Script mit <script> </script> in der HTML-Datei schreibe, funktioniert alles einwandfrei..