| Server IP : 134.29.175.74 / Your IP : 216.73.216.160 Web Server : nginx/1.10.2 System : Windows NT CST-WEBSERVER 10.0 build 19045 (Windows 10) i586 User : Administrator ( 0) PHP Version : 7.1.0 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /nginx/html/JimMartinson/CST1022/Resources/Week/08/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<title>Events</title>
<meta charset="utf-8">
<style>
#demo { background-color: yellow; }
</style>
</head>
<body id="myBody" onload="getDate(this);" onclick="console.log('body onclick');">
<p id="para1">Before the script...</p>
<a href="#">before</a>
<button id="myButton" onclick="console.log('button onclick'); getDate(this);">The time is?</button>
<a href="#">after</a>
<p id="demo"></p>
<script>
"use strict";
function getDate(e) {
console.log(`(typeof e)=${(typeof e)} id=${e.id}`);
console.debug('the e element',e);
document.getElementById('demo').innerHTML=Date();
e.setAttribute('style','color: green;');
e.innerHTML=Date();
}
window.onclick = function() {
console.log('window onclick');
}
</script>
<p id="para2">...After the script.</p>
</body>
</html>