제 목표는 HTML을 사용하여 3x3 격자에 9 개의 버튼을 만드는 것입니다. 그런 다음 JavaScript를 사용하여 각 버튼을 클릭 할 때 두 개의 출력이 있도록 버튼을 프로그래밍하고 싶습니다.버튼을 눌렀을 때 두 개의 출력을 만드는 방법은 무엇입니까?
출력은 가로 값이 왼쪽 또는 오른쪽이고 세로 값이 위 또는 아래입니다. 내 문제는 클릭했을 때 출력에 버튼을 연결하는 것입니다. – 어떻게 할 수 있습니까?
코드 예 :
<!DOCTYPE html>
<html>
<body>
<p>Click the button to trigger a function that will output "Hello World" in a p element with id="demo".</p>
<button onclick="myFunction()">Click me</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
</script>
</body>
</html>
버튼이 이벤트를 발생하는 HTML 요소입니다. 이벤트 핸들러는 버튼 클릭시 수행 할 단계를 수행합니다. 다르게 만들 수있는 이벤트 처리기입니다.
HTML 태그 핸들러 속성을 통해 : 그것은 같은 것 입력 유형 버튼에 대한 ,
<input type="button" onclick="myFunction()" value="click!!!"/>
당신은 본문 요소의 끝에서 스크립트 태그 내부 myFunction() 함수를 정의해야합니다. 여기서 "onclick"은 핸들러 속성입니다.
별도의 자바 스크립트 파일 : 여기 은 당신이 당신 "의 .js"에
<input id="button1" type="button" value="click!!!"/>
다음을 같은 HTML 파일에 버튼 형식으로 입력 요소를 만들 것이다 당신이 이벤트 핸들러를 첨부 할 수 있습니다 파일
과 같은 두 가지 방식으로 버튼 유형의 입력 요소가됩니다. 명명 된 기능 :
function myFunction()
{
//perform whatever you want to do on button click
}
document.getElementById("button1").addEventListener("click",myFunction());`
나. 익명 기능을 통해
document.getElementById("button1").addEventListener("click",function({
//perform whatever you want to do on button clicked
});
은 그래서 당신이 그것에 이벤트를 수행하려는 경우 당신은 항상 입력 요소에 대한 기능을 첨부 할 필요가있다 빼앗아. 위에서 설명한 것처럼 여러 가지 방법으로이 작업을 수행 할 수 있습니다.
시도한 코드의 문제를 설명하십시오. –
할 일을 공유해 주시겠습니까? –
내 목표는 HTML을 사용하여 3 * 3 격자에 9 개의 버튼을 만드는 것입니다. 그런 다음 자바 스크립트를 사용하여 각 버튼을 클릭 할 때 두 개의 출력이있을 때 버튼을 프로그래밍하십시오. 출력은 왼쪽 또는 오른쪽의 수평 값과 위쪽 또는 아래쪽의 수직 값입니다. 내 문제는 버튼을 클릭 할 때 출력에 버튼을 연결하는 것입니다. 방금 자바 스크립트를 시작했고 구문은 여전히 나에게 수수께끼입니다. –