Javascript html zeigt keine Eingabe

Immer wenn ich diesen Code auf meiner Webseite ausführen, kann ich die Schaltflächen nicht aufrufen, um ein Ereignis beim Klicken auszuführen. Nichts passiert. Ich möchte die Benutzereingabe für den vollständigen Namen, das Geburtsdatum und das Geschlecht in der Textbox anzeigen, wenn der Benutzer auf Anzeige klickt. Wenn der Benutzer auf "Weiter" klickt, sollten die aktuellen Daten im richtigen Array gespeichert werden. Wenn der Benutzer auf klickt, wird der aktuelle Eintrag in den Textfeldern gelöscht, und die Daten im Array sollten gelöscht werden. Was muss ich anpassen, damit dies geschieht?Javascript html zeigt keine Eingabe

<html> 
<head> 
<script language = "javascript"> 

var full_name; 
var dob; 
var gender; 
var nameList = new Array(); 
var dateList = new Array(); 
var genderList = new Array(); 
function displayMembers() { 
     var str = " "; 
    var listLength = nameList.length; 
    for(var i = 0; i < listLength; i++) { 
      document.memberForm.textArea.nameList[i]; 
      document.memberForm.textArea.dateList[i]; 
      document.memberForm.textArea.genderList[i]; 
    } 
} 

function saveMember() { 
    nametemp = document.getElementByName("full_name"); 
    nameList.push(nametemp[0].value); 

    datetemp = document.getElementByName("dob"); 
    dateList.push(datetemp[0].value; 

    gendertemp = document.getElementByName("gender"); 
    genderList.push(gendertemp[0].value); 
} 

function clearList() { 
    nameList= []; 
    dateList = []; 
    genderList = []; 
} 
</script> 

<title>INTERNET TECHNOLOGIES CLUB MEMBER LIST </title> 
<title>INTERNET TECHNOLOGIES CLUB MEMBER LIST </title> 
</head> 
<body> 
<form name = "memberForm"> 
<h1> 
INTERNET TECHNOLOGIES CLUB MEMBER LIST 
</h1> 

Full Name: <input type = "text" name = "full_name" value = ""/> 
Date of Birth: <input type = "text" name ="dob" value = ""/> 
<br> 
Gender: <input type = "text" name = "gender" value = ""/> 
<br> 
<textarea name = "textBox" rows = "10" cols = "70"> 
</textarea> 
    <br> 
<input type = "button" value = "NEXT" onclick = document.memberForm. 
    saveMember()"></button> 
<input type = "button" value = "DISPLAY" onclick   =document.memeberForm.textBox.write.Full Name Date of Birth Gender  "displayMembers()"> 
</button> 
</form> 
</body> 
</html>

Quelle

2016-11-10 Bailey Wells

Gibt es irgendwelche Fehlermeldungen in der Fehler-Konsole? Haben Sie ein Debugging durchgeführt, um zu sehen, wo der Code fehlschlägt? Der einfachste Weg, um das zu tun, ist "Caveman Debugging" - eine Menge von "alert()" gibt variable Werte usw. aus, um zu verfolgen, wie der Code abläuft und wo etwas schief läuft. –

Starten Sie das Debuggen Ihres Codes in den DevTools von Chrome-Browsern. Drücken Sie 'F12' auf Ihrer Webseite und [verwenden Sie die Konsolenregisterkarte] (https://developers.google.com/web/tools/chrome-devtools/console/). Sie können dort einige sehr einfache Fehler dort –

Es gibt wahrscheinlich mehr Probleme, die ich bin nicht zu sehen, aber hier haben Sie eine abgebrochene Zeichenfolge.

ändern es zu

<input type="button" value="NEXT" onclick="document.memberForm.saveMember()"></button>

Quelle

2016-11-10 19:47:23

sein Wenn ich dieses Codeschnipsel verwende, erhalte ich einen Fehler, der besagt, dass die ganze Sache keine Funktion –

ist, verließ Sie eine Klammer auf 'dateList.push (datetemp [0] .value ; ' –

Javascript html zeigt keine Eingabe

Antwort

Verwandte Themen