일반적으로 인라인으로 작동하도록 할 수 있지만 더 큰 프로젝트를 위해 다른 페이지에 올바르게 링크하는 방법을 배우고 싶습니다. 여기있어:
var numberOne = document.getElementById('num1');
var numberTwo = document.getElementById('num2');
var submitButton = document.getElementById('submitButton');
var theAnswerText = document.getElementById('theAnswer');
submitButton.addEventListener("click", add);
numberOne.addEventListener("click", function() {
alert("Hello! World");
});
function add() {
alert("I am in add()");
var num1 = numberOne.value;
var num2 = numberTwo.value;
}
<html>
<head>
<script language=javascript type="text/javascript" src=javascript.js>
</script>
</head>
<body>
<div style=display:inline;>
<table>
<tr>
<td>
<p>Num 1</p>
</td>
<td>
<input id=num1 type=text />
</td>
</tr>
<tr>
<td>
<p>Num 2</p>
</td>
<td>
<input id=num2 type=text />
</td>
</tr>
<tr>
<td>
<input id=submitButton type=button value=submit />
</td>
</tr>
</table>
</div>
<p id=theAnswer>The answer is:</p>
<body>
</html>
저는 약 6 일 전에 html / css / js를 시작했기 때문에 아주 처음입니다. 미리 감사드립니다 :)
attribute
따옴표 안에 값 을 넣는 것이 좋습니다 .
<input id=num1 type=text />
다음은 권장되는 구문입니다.
<input id='num1' type="text" />
//Please note that single quote and double quote both works.
둘째, 구문을 수정 한 후에도 javascript가 작동하지 않습니다. 때문에 당신이 당신의 스크립트를로드하는 HTML 본문이 렌더링되기 전에 . 스크립트에서 선택하려는 요소가 아직 페이지에 없습니다. 이 일반적인 문제에 대한 두 가지 간단한 해결책이 있습니다.
script
의 끝에서 body
확인 모든 DOM 요소가 이미 렌더링하고 그 때문에, 태그입니다.이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다