자바 스크립트 html에 입력이 표시되지 않습니다.

이 코드를 웹 페이지에서 실행할 때마다 버튼을 클릭하면 이벤트를 수행 할 수 없습니다. 아무 반응이 없습니다. 나는 사용자가 표시를 클릭 할 때마다 텍스트 상자에 성명, 생년월일 및 성별에 대한 사용자 입력을 표시하려고합니다. 사용자가 다음을 클릭하면 현재 데이터가 올바른 배열에 저장되고 사용자가 텍스트 상자에서 현재 입력을 지우면 배열의 데이터가 삭제됩니다. 이 문제를 해결하려면 무엇을 조정해야합니까?자바 스크립트 html에 입력이 표시되지 않습니다.

<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>

출처

2016-11-10 Bailey Wells

오류 콘솔에서 오류 메시지가 있는가에

변경을? 코드가 실패한 곳을 확인하기 위해 디버깅을 한 적이 있습니까? 그 일을 시작하는 가장 간단한 방법은 "caveman debugging"이다. - alert()가 변수 값을 출력하는 것과 같이 코드가 어떻게 진행되고 어떤 일이 잘못되는지를 추적하는 것이다. –

Chrome 브라우저의 DevTools에서 코드 디버깅을 시작하십시오. 웹 페이지에서 'F12'를 누르고 [콘솔 탭 사용] (https://developers.google.com/web/tools/chrome-devtools/console/)을 클릭하십시오. 거기에 몇 가지 매우 간단한 오류가있을 수 있습니다 –

내가보기에는 더 많은 문제가있을 수 있지만 여기에는 끝나지 않은 문자열이 있습니다.

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

출처

2016-11-10 19:47:23

내가이 코드 스 니펫을 사용하는 경우, 전체가 함수가 아니라는 오류가 발생합니다. –

'dateList.push (datetemp [0] .value) ;' –

자바 스크립트 html에 입력이 표시되지 않습니다.

답변

관련 문제