Java Script Examples

Getting the date
var d = new Date()
document.write(d.getDate() + "/")</div></h3></h3><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="Getting the date var d = new Date() document.write(d.getDate() + &quot;/&quot;) document.write((d.getMonth()" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/374172/slide-1.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/374172/slide-1.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/374172/slide-1.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/374172/slide-1.jpg 1440w" class="slides-image" src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/374172/slide-1.jpg"><!----><div class="slides-content">document.write((d.getMonth() + 1) + "/") document.write(d.getFullYear())
27/09/2004

Getting and formatting the date
var d=new Date()
var weekday=new Array("Sunday",</div></h3></h3><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="Getting and formatting the date var d=new Date() var weekday=new Array(&quot;Sunday&quot;, &quot;Monday&quot;," loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/374172/slide-2.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/374172/slide-2.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/374172/slide-2.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/374172/slide-2.jpg 1440w" class="slides-image" src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/374172/slide-2.jpg"><!----><div class="slides-content">"Monday", "Tuesday",
"Wednesday", "Thursday", "Friday","Saturday")
var monthname=new Array("Jan", "Feb", "Mar","Apr",
"May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec")
document.write(weekday[d.getDay()] + ", ")
document.write(monthname[d.getMonth()] + " " +
d.getDate() + ", ")
document.write(d.getFullYear())
Monday, Sep 27, 2004

Getting a random number
The following code gets a random floating-point number between 0 and 1:
document.write(Math.random())
0.728762788388911

Getting a random integer
The following code gets a random integer between 1 and 10:
var max = 10;
number=Math.random()*max + 1;
document.write(Math.floor(number));
5

Displaying an alert box
The following code displays an alert box when a button is clicked:
// Buttons can only occur within forms

Telling what happened
In my Concise JavaScript, part 2, I have code that shows what events occur when the user takes various actions
In the of the HTML page I define:
<!--
function tell(a, b) {
document.forms[0].result.value+="\n"+a+": " + b;
}
//-->
For each form element, I have a handler for every (plausible) event

Telling what happened (Button) onDblClick="tell(this.name,'ondblclick');"
onFocus="tell(this.name, 'onfocus');"
onBlur="tell(this.name, 'onblur');"
onMouseOver="tell(this.name, 'onmouseover');" onMouseOut="tell(this.name, 'onmouseout');" onChange="tell(this.name, 'onchange');"
onKeyPress="tell(this.name, 'onkeypress');"
onKeyDown="tell(this.name, 'onkeydown');"
onKeyUp="tell(this.name, 'onkeyup');"
onSelect="tell(this.name, 'onselect');"
onReset="tell(this.name, 'onreset');"
>