다음은 구문입니다 -
<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>