Buscar

Button Object Javascript

Berikut ini contoh  menggunakan JavaScript untuk mengakses dan memanipulasi objek masukan HTML.
Pada postingan ini saya akan fokuskan ke object Button.  
Yuu diliat scriptnya :
<!DOCTYPE html>
<html>
<body>

<form id="frm1">
Button : 
<input type="button" id="btn1" name="subject" value="OK" onclick="message()">
</form>


<p id="demo"></p>
<button onclick="disableElement()">Disable button</button>
<button onclick="enableElement()">Enable button</button>
<button onclick="myFunction()">Button Object</button>


<script>
function myFunction()
{
var x = document.getElementById("btn1").name;
var y = document.getElementById("btn1").type;
var z = document.getElementById("btn1").value;
var a = document.getElementById("btn1").form.id;
document.getElementById("demo").innerHTML="Name : " + x + "</br>Type : " + y
+ "</br>Value: " + z + "</br>Form Id: " + a;
}
function disableElement(){
document.getElementById("btn1").disabled=true;
}
function enableElement(){
document.getElementById("btn1").disabled=false;
}
function message(){
alert("Mari Belajar Javascript");
}

</script>

</body>
</html>
Output :

0 comments:

Posting Komentar