Thuộc tính giá trị của phần tử
Sau đây là cú pháp -
<button value="value">
Ở trên, giá trị là giá trị ban đầu.
Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính value trong
Ví dụ
<!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> Điều này sẽ tạo ra đầu ra sau đây ban đầu -
Kết quả như sau khi nhấp vào nút “Nhận hướng dẫn” -
Kết quả như sau khi nhấp vào nút “Get InterviewQA” -
Trong ví dụ trên, chúng ta đã tạo các hàm JavaScript để lấy giá trị trong một biến. Một trong số đó là demo1 ()
function demo1() {
var val1 = document.getElementById("button1").value;
document.getElementById("myid").innerHTML = val1;
} Kết quả của điều trên được hiển thị khi nhấp vào một nút. Thuộc tính onclick được đặt để gọi hàm trên demo1 () -
<button id = "button1" value = "Learning" onclick = "demo1()"> Get Tutorials </button>