Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<HTML>
<H1> This is an HTML Header </H1>
<script type="text/javascript">
<!-- 
alert("This page uses a custom element which incorporates HTML and JavaScript. This pop-up might be useful for instructing/advising users before starting a form?");
document.write("<P>");
var dateToday = new Date();
document.write("<P>" + "Today is " + dateToday);
document.write("<P>" + "A loop displaying an array:    ");
var dayArray = new Array(7);
dayArray[0]="Sunday";   dayArray[1]="Monday";  dayArray[2]="Tuesday"; dayArray[3]="Wednesday"; dayArray[4]="Thursday"; dayArray[5]="Friday";  dayArray[6]="Saturday";
for(var count = 0; count < 7; count++)
{
document.write(dayArray[count] + ", ");
}
// -->
</script>
<P>
<TABLE border="2">
<TR><TD colspan=3>Here's an HTML Table</TD></TR>
<TR> <TD> I </TD><TD> Can </TD><TD> Use </TD></TR>
<TR> <TD> A </TD><TD> Table </TD><TD>Here </TD>
</TABLE>
<P>
<P><P>
Note: Currently works in Chrome, but not IE.
<P>
<button id="myButton">Click for more information</button>
<script>
document.getElementById("myButton").addEventListener("click", function(){ alert("More information"); } ) ;
</script>
</HTML>
 
function bindEvent(el, eventName, eventHandler) {
  if (el.addEventListener){
    el.addEventListener(eventName, eventHandler, false); 
  } else if (el.attachEvent){
    el.attachEvent(eventName, eventHandler);
  }
}
// ...
bindEvent("window", 'keypress', function (evt) {
  document.getElementById('myElement').style.outline="2px dotted";
  alert('element clicked---' + evt.keyCode + document.getElementById('myElement').value);
});
bindEvent(document.getElementById('myElement'), 'keydown', function (evt) {
  document.getElementById('myElement').style.outline="1px dotted";
  alert('element keydown---' + evt.keyCode);
});
 
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers