Hallo,
ich will folgenden kleinen Test auf meiner jimdo seite einbinden!
Jedoch geht die JS Funktionalität verloren!
Mache ich etwas falsch, wenn ich einfach ein neues html Element hinzufüge und den o.g. Code einfüge
?
LG
Kay
ich will folgenden kleinen Test auf meiner jimdo seite einbinden!
HTML:
<html>
<head>
<title>Test</title>
<script type="text/javascript">
//Funktion um die Numerik eines objektes nachzuweisen
var ergebnis = 0;
function isNumber(n) {
return !isNaN(parseFloat(n)) && isFinite(n);
}
//Aufruf der gesamten Auswertung
function Auswerten(){
//Funktion für Radio
var antwort01 = document.getElementsByName('Frage01');
for (var i = 0, length = antwort01.length; i < length; i++) {
if (antwort01[i].checked) {
if(antwort01[i].value == "richtig"){
var wert01 = 100;
}else{
var wert01 = 0;
}
break;
}
}
var antwort02 = document.getElementsByName('Frage02');
for (var i = 0, length = antwort02.length; i < length; i++) {
if (antwort02[i].checked) {
if(antwort02[i].value == "richtig"){
var wert02 = 100;
}else{
var wert02 = 0;
}
break;
}
}
//Funktion für Checkbox
var wert03 = 0;
var antwort03 = document.getElementsByName('Frage03');
for (var i = 0, length = antwort03.length; i < length; i++){
if(antwort03[i].checked){
if(antwort03[i].value == "richtig"){
wert03 = wert03 + 50;
}else{
wert03 = wert03 - 50;
}
}
}
if(wert03 < 0){
wert03 = 0;
}
//Funktion für SELECT
var a = document.formular.Frage041;
var antwort04 = a.options[a.selectedIndex].value;
if(antwort04 == "richtig"){
var wert04 = 34;
}else{
var wert04 = 0;
}
var a = document.formular.Frage042;
var antwort04 = a.options[a.selectedIndex].value;
if(antwort04 == "richtig"){
wert04 = wert04 + 33;
}else{
wert04 = wert04 + 0;
}
var a = document.formular.Frage043;
var antwort04 = a.options[a.selectedIndex].value;
if(antwort04 == "richtig"){
wert04 = wert04 + 33;
}else{
wert04 = wert04 + 0;
}
//Diese Funktion ist nur für Textfelder
var antwort05 = document.getElementsByName("Frage05")[0].value;
if(antwort05 == "5"){
var wert05 = 100;
}else{
var wert05 = 0;
}
//Berechnung des Ergebnisses
window.ergebnis = ((wert01+wert02+wert03+wert04+wert05)*0.2);
//document.getElementById('ergebnis').value = ergebnis;
//Feedback
if(ergebnis == 100){
var feedback = "DER HAMMER!!! DU HAST DIE VOLLE PUNKTZAHL";
}else if(ergebnis >= 90 && ergebnis < 100){
var feedback = "Sehr gut, du bist nu einen kleinen Schritt von der Bestbewertung entfernt";
}else if(ergebnis >= 65 && ergebnis < 90){
var feedback = "Du bist auf einem guten Weg zu einer sehr guten Bewertung! - Weiter so!";
}else if(ergebnis >= 45 && ergebnis < 65){
var feedback = "Die hälfte ist geschafft!";
}else if(ergebnis < 25){
var feedback = "Du solltest dich dringend mit der Materie auseinandersetzen!";
}else{
var feedback = "Lies dir die Materialien lieber noch einmal durch!";
}
return feedback;
}
</script>
</head>
<body>
<form name="formular">
<input type="hidden" name="pflicht" value="Frage05">
<!--Numerische Frage-->
Wie viele Schulungsarten werden durch die SAP Education angeboten? <input type="number" name="Frage05">
<!--Lückentext-->
<br>SAP stellt mit der
<select name="Frage041">
<option value="falsch" selected>bitte auswählen:
<option value="richtig">SAP Education
<option value="falsch">SAP Training
<option value="falsch">SAP SelfMade
</select>
eine gute Basis für eine erfolgreiche Fortbildung zur verfügung.<br>
Das von SAP angebotene E-Learning unterteil sich in zwei Bereiche,<br>
einerseits werden durch
<SELECT NAME="Frage042">
<OPTION VALUE="falsch" selected>bitte auswählen:
<OPTION VALUE="falsch">Geschäftsprozessspezifische Schulungen
<OPTION VALUE="richtig">Grundlagenschulungen
<OPTION VALUE="falsch">individuelle Schulungen
</SELECT>
Einblicke in die webgestützten Angebote und praktischen Anwendungen von SAP ermöglicht,
andererseits wird durch
<SELECT NAME="Frage043">
<OPTION VALUE="falsch" selected>bitte auswählen:
<OPTION VALUE="richtig">Geschäftsprozesorientierte Schulungen
<OPTION VALUE="falsch">Grundlagenschulungen
<OPTION VALUE="falsch">nonverbale Schulungen
</SELECT>
ein tiefer<br> gehendes Verständnis spezieller Geschäftsprozesse gefördert.<br>
<!--Single Choice-->
Die Frage war was ihr könnt:<br>
<input type="radio" name="Frage01" id="Frage01" value="richtig"> Nix<br>
<input type="radio" name="Frage01" id="Frage01" value="falsch"> Allet <br>
Die Frage war was ihr könnt:<br>
<input type="radio" name="Frage02" id="Frage02" value="richtig"> Nix<br>
<input type="radio" name="Frage02" id="Frage02" value="falsch"> Allet <br>
<!--Multiple Choice-->
Die Frage war was ihr könnt:<br>
<input type="checkbox" name="Frage03" id="Frage03" value="richtig"> Nix<br>
<input type="checkbox" name="Frage03" id="Frage03" value="falsch"> Allet <br>
<input type="checkbox" name="Frage03" id="Frage03" value="falsch"> Allet <br>
<input type="checkbox" name="Frage03" id="Frage03" value="richtig"> nicht viel <br>
<input type="checkbox" name="Frage03" id="Frage03" value="falsch"> Allet <br>
<!--Button-->
<input type="button" value="Auswerten" onclick="Auswerten()"><br>
<!--Auswertung-->
<!--<input type="text" id="ergebnis" size="7" value="Ergebnis"><br>-->
Dein Ergebnis beträgt <script type/javascript">document.write(ergebnis)</script><br>
Nun zum Feedback: <script type="text/javascript">document.write(feedback)</script>
</form>
</body>
</html>Jedoch geht die JS Funktionalität verloren!
Mache ich etwas falsch, wenn ich einfach ein neues html Element hinzufüge und den o.g. Code einfüge
?LG
Kay
Zuletzt bearbeitet von einem Moderator:
