0
このコードをWebページで実行すると、クリックするとイベントを実行するボタンを取得できません。何も起こりません。私は、ユーザーが表示をクリックするたびに、フルネーム、生年月日、性別のユーザー入力をテキストボックスに表示したいと考えています。ユーザーが次をクリックすると、現在のデータが正しい配列に保存され、ユーザーがテキストボックス内の現在の入力をクリアすると、配列内のデータを削除する必要があります。これを実現するために調整する必要があるのは何ですか？JavaScriptの入力が表示されない
<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>
へ
変更をありますか？コードが失敗した場所を確認するためにデバッグをしましたか？これをやるのが最も簡単な方法は、コードがどのように進行し、何がうまくいかないかを追跡するために 'alert（）'変数値などを出力する 'caveman debugging 'です。 –
ChromeブラウザのDevToolsでコードのデバッグを開始します。あなたのウェブページで「F12」を押し、[コンソールタブを使う]（https://developers.google.com/web/tools/chrome-devtools/console/）。あなたはそこにいくつかの非常に単純なエラーがあります –