Skip to main content

Apply object based programming with java script and event handling

 .

Object-Based Programming with JavaScript:

JavaScript is an object-based programming language, which means that it is built around the concept of objects. In JavaScript, an object is a collection of properties and methods that are used to represent real-world entities or concepts.

For example, you could create an object called "car" that has properties such as "color", "make", and "model", and methods such as "start" and "stop" that are used to control the car.

Here is an example of how to create a car object in JavaScript: 
javascript
let car = { color: "blue", make: "Toyota", model: "Corolla", start: function() { console.log("Starting the car"); }, stop: function() { console.log("Stopping the car"); } };

Event Handling with JavaScript:

Event handling is a key aspect of web development, as it allows you to respond to user actions such as clicks, scrolls and keystrokes. In JavaScript, you can use event handlers to listen for and respond to events that occur on a web page.

For example, you create an event handler that listens for a button click and them performs a specific action, such as showing a message or changing the color of an element.

Here is an example of how to create an event handler in JavaScript:
javascript
let button = document.querySelector("button"); button.addEventListener("click", function() { console.log("The button was clicked"); });
In this example, we select a button element using the querySelector method, and then add an event listener using the addEventListener method. When the button is clicked, the function we provide as the second argument to addEventListener will be executed, which logs a message to the console.

Combining Object-Based Programming and Event handling:

You can use object-Based Programming and event handling together to create interactive web applications that respond to user input.

For example, you could create a car object that has a method for starting the engine, and then use an event handler to listen for a button click and call the start method when the button is clicked.

Here is an example of how to combine object-based programming and event handling in JavaScript;
less
let car = { color: "blue", make: "Toyota", model: "Corolla", start: function() { console.log("Starting the car"); } }; let button = document.querySelector("button"); button.addEventListener("click", function() { car.start(); });
In this example, we crate a car object with a start method that logs a message to the console. We then select a button element using querySelector and add an event listener that calls the car object's start method when the button is clicked. When the button is clicked, the start method will be executed and the message "Starting the car" will be logged to the console.

Comments

Post a Comment

Popular posts from this blog

Introduce Linux, UNIX and Linux distribution.

 . Linux Linux is an open source operating system. The term Linux is actually referred to mean a kernel of Unix like operating system developed by a Finish software architect Linus Torvald. The name Linux is derived from Linus' Unix. Linux was originated from the inspiration of a small Unix like operating system MINIX by A.S Tanenbum. Linux is a complete multiuser, multiprocessing, secure and stable operating system which is also considered as UNIX clone. However no code from the proprietary from AT and T is included in Unix. It has flavor of Unix but is not Unix. UNIX  UNIX is a layered operating system. The innermost layer is the hardware that provides the service for the OS. The operating system, referred to in UNIX as the kernel, interacts directly with the hardware and provides the services to the user program. These user programs don't need to know anything about the hardware. They just need to know how to interact with the kernel and it's up to the kernel to provide ...
Post a Comment
Read more

Introduction of Computer

.  A computer is an electronic device. It take input and store the data in memory and performing the function to produce accurate result in output device. It is used to type document, send email, play game, browse the web and entertainment.   Characteristics of computer  1 . High speed  Computer is very fast device. It is capable of performing calculation of very large amount of data. The computer has unit of speed in microsecond, nanosecond and even in picosecond. The computer is capable of performing millions of tasks per second. 2. Accuracy  The computer produces highly accurate and reliable result.  It does not make any kind of mistake in calculating. The calculation are 100% error free. The computers perform accurate 'n' number of times. 3. Storage capability A computer has much more storage capability. It can store large amount of data. It can store any type of data such as image, video, text document, audio and many more. 4. Diligence Diligence ...
1 comment
Read more

Open System Interconnect (OSI) Reference Model

 . Open system interconnection (OSI) Model explains how packet travels through various layers to other devices on a network, even if the sender and destination have different types of network media. Layer 1(Physical layer):  Function  To activate, maintain, deactivate the physical connection.  To define voltage and data rates needed for transmission.  To convert the digital bits into electrical signals.  To decide weather the transmission the transmission is simplex, half or full duplex.  Physical layer doesn’t perform the detection and correction of errors. Layer 2 (Datalink layer):  Framing (stream of bits into manageable data units):  The datalink layer divides the stream of bits received from the network layer into frame manageable data units called frames.  Physical addressing (MAC Address):  Data link layer adds a header to header to the frame to define the sender and receiver of the frame. Flow Control (mechanism for overwhel...
Post a Comment
Read more