<시간/> 요소의 value 속성은 버튼의 초기 값을 설정하는 데 사용됩니다. 에서 설정할 수 있습니다. 여기서는 양식을 사용하지 않는 예를 보여드리겠습니다. 다음은 구문입니다 - <button value="value"> 위의 값은 초기값입니다. 이제 −에서 값 속성을 구현하는 예를 살펴보겠습니다. 예시 <!DOCTYPE html> <html> <body> <p>Click below to get details about the learning content...</p></br></br> <button id = "button1" value = "Learning" onclick = "demo1()">Get Tutorials</button> <button id = "button2" value = "InterviewAnswers" onclick = "demo2()">Get InterviewQA</button> <p id = "myid"></p> <script> function demo1() { var val1 = document.getElementById("button1").value; document.getElementById("myid").innerHTML = val1; } function demo2() { var val1 = document.getElementById("button2").value; document.getElementById("myid").innerHTML = val1; } </script> </body> </html> 이것은 처음에 다음 출력을 생성합니다 - "Get Tutorials" 버튼을 클릭하면 다음과 같이 출력됩니다. - "Get InterviewQA" 버튼을 클릭했을 때 출력은 다음과 같습니다 - 위의 예에서 변수의 값을 가져오는 JavaScript 함수를 만들었습니다. 그 중 하나는 demo1()입니다. function demo1() { var val1 = document.getElementById("button1").value; document.getElementById("myid").innerHTML = val1; } 버튼을 클릭하면 위의 결과가 표시됩니다. onclick 속성은 위의 함수 demo1() −를 호출하도록 설정됩니다. <button id = "button1" value = "Learning" onclick = "demo1()"> Get Tutorials </button>