DEV Community: Divya Bharathi

What is DOM in JavaScript?

Divya Bharathi — Wed, 30 Jul 2025 16:27:38 +0000

Hello everyone! Today we discuss about DOM in javascript.DOM(Document Object Model) it is used to interact with the run time programs for creating some dynamic changes in the browser.Javascript interface with HTML and CSS using the DOM.

- EVENTS:

DOM events in JavaScript are actions or occurrences that happen within the browser window and can be detected and responded to using JavaScript. These events allow for dynamic and interactive web pages by enabling scripts to react to user interactions or changes in the document's state.
For examples:onclick,onchange,onscroll,etc...

Why we use id and class? and How could it declared?
Id is used to call a unique or one element and it is declared as **document.getElementById("abc")**.
Class is used to call the multiple elements and it is declared as **document.getElementByClassName("xyz")**.

Sample example for DOM

 <body>
    <h1 id="heading">WEBSITE</h1>
    <h1 id="Name">ABC</h1>
    <button onclick="changeText()">changeText</button>

    <script>
        function changeText(){
            const element = document.getElementById("Name")
            element.innerHTML="Divyabharathi";
            element.style.color="Blue";
        }
    </script>
</body>

Conditional Statement in Javascript

Divya Bharathi — Thu, 10 Jul 2025 15:13:24 +0000

Hello friend,today I'm going to share you what i learn about conditional statement in Javascript.
Some primary conditional statements in Javascript include:

if statement
if...else statement
if...else if...else statement

*1.if statement *
This statement executes a block of code only if a specified condition is true.

if (condition) {
        // Code to be executed if condition is true
    }

2.if...else statement
This statement executes one block of code if the condition is true and another block of code if the condition is false.

if (condition) {
        // Code to be executed if condition is true
    } else {
        // Code to be executed if condition is false
    }

3.if...else if...else statement
This statement allows for checking multiple conditions sequentially. If the first if condition is false, it proceeds to check the else if conditions, and if none of the if or else if conditions are true, the else block is executed.

 if (condition1) {
        // Code to be executed if condition1 is true
    } else if (condition2) {
        // Code to be executed if condition2 is true
    } else {
        // Code to be executed if none of the above conditions are true
    }

Conclusion
To understanding this type of conditional statement is very simple when you can think it's logical to solve the problem or code as easy.So first understand the logic and then give the condition.

Introduction about myself

Divya Bharathi — Wed, 09 Jul 2025 18:08:48 +0000

Hello friends,This is Divya Bharathi from Vaniyambadi.I'm recently joined in the payilagam institute at Chennai for learning more techniques and coding to improve myself as a software developer.
This is my first blog in dev.to and i wish to share my experience about payilagam because I ever seen this type of institute for pleasant and Effortless Learning.
This kind of institute helps me to learn more with full of comfort and I believe myself to try more if it is positive or negative i need to learn by making mistakes or good things.
Ok friends I'll share more in my next blog... bye