addEventListner() Method in Java script

Rajeshkumar Vijayakumar — Tue, 02 Sep 2025 06:33:33 +0000

The addEventListener() method is used to attach an event handler to an element without overwriting existing event handlers.

This allows multiple functions to run on the same event

event → The type of event (like "click", "mouseover", "keydown").

function → The function to run when the event occurs (callback function).

useCapture (optional) → Boolean value.

false (default) → Event handled in bubbling phase.

true → Event handled in capturing phase.

Hover over me!

document.getElementById("para").addEventListener("mouseover", function() {
this.style.color = "red";
});

Hoisting

Objects provided by the host environment (not built into the JavaScript language itself).
These are different depending on where JS runs.

In Browser:

window

document

navigator

localStorage, setTimeout, etc.

Today is my second day of Java full stack!

Rajeshkumar Vijayakumar — Thu, 10 Jul 2025 03:03:17 +0000

Hi everyone!
09/07/2025

Day 2 of learning java full stack development:

In HTML,a layout defines how elements like text, images, navigation, and content are organized on a web page to ensure clarity and usability.

Layout Element:

*<header> Top section – usually has logo, nav links
*<nav> Navigation bar or menu
*<section>The matic grouping of content
*<article>Independent, self-contained content
*<aside>Sidebar or additional info
*<main>Main content area
*<footer>Bottom of the page – copyright, links, etc.
*<div>Generic container for grouping content.

Element selector:

An element selector (also called a type selector) is used to target and apply styles to all HTML elements of a specific type.

Types of Element sector:
1. Block-level Element
2. in-line Element

Block-level elements start on a new line and take up the full width of their container by default.
Example:

<div>,<p>,<h1> to <h6>,<ul>,<ol>,<li>,<header>,<footer>,<section>, 
<article>,<nav>,<form>,<table>

2.Inline Elements:
Inline elements do not start on a new line.They only take up as much width as necessary.
Examples:

<span>,<a>,<strong>,<em>,<img>,<input>,<label>,<ol>.

Ordered List (<ol>);
An ordered list is a numbered list. Items appear in a specific sequence.

Output:
First item
Second item
Third item
Unordered List (<ul>)
An unordered list is a list of items with no particular order, typically marked with bullets(●).

Syntax:

Output:
•Apple
•Banana
•Cherry

Forem: Rajeshkumar Vijayakumar

addEventListner() Method in Java script

Today is my second day of Java full stack!