How to assign events with HTML DOM in JavaScript

2 Answers

<!DOCTYPE html>
<html>

<head></head>

<body>

<button id="button-id">Diplay Date</button>

<p id="p-id"></p>

<script>

document.getElementById("button-id").onclick = GetDate;

function GetDate() 
{
    document.getElementById("p-id").innerHTML = Date();
}

/*
run:

onclick you will see the date:

Wed Jul 08 2015 08:59:32 GMT+0300 (Jerusalem Daylight Time) 

*/

</script>

</body>

</html>

70+ SQL courses for beginners and professionals

answered Jul 8, 2015 by avibootz

<!DOCTYPE html>
<html>
 
<head></head>
 
<body>
 
<button id="button-id">Diplay Date</button>
 
<p id="p-id"></p>

<script>
 
document.getElementById("button-id").onclick = GetDate;
 
function GetDate() 
{
    var d = new Date();  
    var dt = d.getMonth() + 1 + '/' + d.getDate() + '/' + d.getFullYear();
    
    document.getElementById("p-id").innerHTML = dt;
}
 
/*
run:
 
onclick you will see the date:
 
7/8/2015
 
*/
 
</script>

</body>
 
</html>

70+ SQL courses for beginners and professionals

answered Jul 8, 2015 by avibootz

Most popular tags

How to assign events with HTML DOM in JavaScript

2 Answers

Related questions