Nils Lande: Object Literal (JavaScript)

This is another one of my small JavaScrpt test posts. Since I am a novice in JavaScript and HTML this may not be that interseting for others.

This post is a small variation of my earlier Hello world post. This post uses an object literal that contains a single method. The method is called from two buttons, one directly and one indirectly using a onClick function.
The object and all globals (variable names, functions HTML element IDs) have a number appende to them to avoid naming clashes with my other posts.

The code:
<head> <script type="text/javascript"> var Post6 = { sayHello: function(helloText) { console.log("sayHello()"); window.alert(helloText); } }; function onClick_6() { console.log("onClick()"); Post6.sayHello("Hello world."); }; </script> </head> <body> <p> Blog text omitted. </p> <p> <p><button onclick="onClick_6()">Say hello!</button></p> <p><button onclick="Post6.sayHello('Hello again')">Say hello again!</button></p> <br /> <p>

Nils Lande

Sunday, July 6, 2014

Object Literal (JavaScript)

No comments:

Post a Comment