외부 JavaScript 파일이 실행되고 있지 않습니다.

Chrome에서 다음 이메일 목록 애플리케이션을 실행 해 보았지만 자바 스크립트를 실행할 수없는 것 같습니다. HTML은 정상적으로 작동합니다. 이 애플리케이션이 작동하기위한 제안이나 모범 사례? 나는 외부 자바 스크립트가 너무 파일을 포함 시켰습니다 :외부 JavaScript 파일이 실행되고 있지 않습니다.

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=”UTF-8”> 
<title>Join E-mail List</title> 
<script src = "index.js"></script> 
</head> 
<body> 
<main> 
<h1> Please join our email list</h1> 
<form id=”email_form” name=”email_form” 
action=”join.html” method=”get”> 
<label for=”email_address1”>E-mail Address:</label> 
<input type=”text” id=”email_address1” name=”email_address1”> 
<span id=”email_address1_error”>*</span><br> 

<label for=”email_address2”>Re-enter E-mail Address:</label> 
<input type=”text” id=”email_address2” name=”email_address2”> 
<span id=”email_address2_error”>*</span><br> 

<label for="first_name">Name:</label> 
<input type="text" id="first_name" name="first_name"> 
<span id="first_name_error">*</span><br> 

<label>&nbsp;</label> 
<input type="button" id="join_list" value="Join Our List"> 
</form> 
</main> 
</body> 
</html> 
enter code here

외부 자바 스크립트 파일 (하는 index.js)하는 index.js의

/* This application validates a user's entry for joining our E-mail 
    list 
*/ 

<script> 
var $ = function(id) { 
return document.getElementById(id); 

//This function gets and validates the user entries 

var joinList = function() { 
var emailAddress1 = $("email_address1").value; 
var emailAddress1 = $("email_address2").value; 
var firstName = $("first_name").value; 
var isValid = true; 

//This validates the first entry 

if ("email_address1 = "") { 
$ ("email_address1_error").firstChild.nodeValue = "This is 
required."; 
isValid = false; 

if (email_address2 = "") { 
$ ("email_address2_error").firstChild.nodeValue = "This is 
required."; 
isValid = false; 

if ("first_name = "") { 
$ ("first_name_error").firstChild.nodeValue = "First name is 
required."; 

} 
} 
} 
</script>

출처

2017-11-14 PreYvin

당신 ''둥근 따옴표 ''가 여러 곳에 있으며,이 글의 강조 표시는 JS의 오류를 명확하게 보여줍니다. –

또한 HTML 문서에 JavaScript를 포함하는 경우에만 .js 파일에 스크립트 태그가 필요하지 않습니다. – John

콘텐츠 고정해야합니다

var $ = function(id) { 
return document.getElementById(id); 

//This function gets and validates the user entries 

var joinList = function() { 
var emailAddress1 = $("email_address1").value; 
var emailAddress1 = $("email_address2").value; 
var firstName = $("first_name").value; 
var isValid = true; 

//This validates the first entry 

if ("email_address1" == "") { 
$ ("email_address1_error").firstChild.nodeValue = "This is required."; 
isValid = false; 

if ("email_address2" == "") { 
$ ("email_address2_error").firstChild.nodeValue = "This is required."; 
isValid = false; 

if ("first_name" == "") { 
$ ("first_name_error").firstChild.nodeValue = "First name is required."; 

} 
} 
} 
}

출처

2017-11-14 14:57:51 Maxim

구문 오류 @ Maxim을 지적 해 주셔서 감사합니다. 고맙습니다. 그래도 자바 스크립트를 실행하는 Chrome에 문제가 있습니다. 나는 뛰기를 시도하고 그것에 조금 돌아온다. 입력 해 주셔서 감사합니다. – PreYvin

외부 JavaScript 파일이 실행되고 있지 않습니다.

답변

관련 문제