DEV Community: Arul perumal

innerText vs innerHTML vs textContent: What’s the Real Difference?

Arul perumal — Wed, 17 Sep 2025 17:53:11 +0000

Hey everyone!
If you’re working with JavaScript and trying to get or change content inside HTML elements, you’ve probably come across these three:
innerText, innerHTML, and textContent.

They might look similar — but they work differently!
Let’s go through them one by one with simple examples so you can see exactly what each one does.

innerText

innerText gives you the text you can actually see on the screen. It hides anything that’s not visible (like elements with display: none) and respects line breaks and formatting.

html

Hello Hidden World

const result = document.getElementById("demo1").innerText;
console.log(result); // Output: "Hello World"

innerHTML

innerHTML gives you everything inside an element — not just the text, but also the HTML tags.

html

Hello World

const result = document.getElementById("demo2").innerHTML;
console.log(result); // Output: "Hello World"

textContent

textContent gives you all the text, even from elements that are hidden — but it doesn’t include any HTML tags.

html

Hello Hidden World

const result = document.getElementById("demo3").textContent;
console.log(result); // Output: "Hello Hidden World"
Which One Should You Use?

Use innerText if you want only what’s visible on the page.
Use innerHTML if you need to get or set HTML code.
Use textContent if you want plain text, including what’s hidden.
That’s All!

Java Script Intro

Arul perumal — Mon, 28 Jul 2025 18:16:10 +0000

JAVASCRIPT INTRODUCTION

java script is the worlds most popular programming language
java script is easy to learn
java script is used to create interactive and dynamic webpages.
it is responsible for adding functionality to a website and allow for user interaction with the website content
let discuss about

Variable

Variable are containers for storing the information or data
Example;
var a=10
var b=20
console.log(a+b)
output is =30
in above program a and b are the variable,10 and 20 are the integer data

Javascript variable can be declared in three ways
1.using Var
2.using Let
3.Using Const

Var KeyWord

It is accessed for both function Scope or global Scope
Var a=10
{
var b=20
}
console.log (b)
output is =20(accessible outside the scope)

Let Keyword

the let keyword introduced in 2015
let keyword must be declared before use.
let keyword can not be re declared
let keyword have block scope let keyword cannot do this let num=" hello" let num="100" let keyword has block scope { let x=2; } X cannot be used here

Const Keyword

In javascript the const keyword is used to declare a constant variable, once assigned a value , cannot be reassigned or re declared.it provided a way to create variable that are meant to be immutable

const keyword cannot do this
Const num=10
num=20

INTRODUCTION OF CONDTIONAL STATEMENT

Arul perumal — Thu, 10 Jul 2025 18:42:40 +0000

Introduction
**
In JavaScript, you may need to choose one path out of multiple options while writing a program. For such scenarios, you must use conditional statements so programs can make correct decisions and take the right actions.

What are Conditional Statements?
**
Conditional statements are used to make decisions in a program. They let the program choose different actions depending on whether a condition is true or false.
**Why Use Conditional Statements?

To control the flow of a program

To make decisions based on user input or data..

JavaScript supports four types of if-else statements:

1.JavaScript if-statement

2.JavaScript if-else statement

3.JavaScript if-else-if ladder statement

4.JavaScript nested-if statement

JavaScript if-statement
The if statement evaluates a condition inside parentheses. If the condition is true, the block of code inside the curly braces {} runs. If it’s false, it skips that block
Syntax:
if(condition)
{
// Statements to execute if
// condition is true
}
JavaScript if-else statement
The if-else statement is another form of control statement that enables JavaScript to execute the code in a more controlled manner. The ifstatement tells the program to execute a block of code if the given condition is true, and if the condition is false, it won’t execute the statement.

However, what if we want another action if the condition is false? Hence, we use if-else in JS to execute the block of code.even the condition is false.
Syntax
if (condition) {
// statement to
// execute if condition is true
}
else {
// statement to
// execute if condition is false
}
JavaScript if-else-if ladder statement
The if-else-if statement in JavaScript, or if-else ladder, is an advanced if-else statement that allows JavaScript to make decisions based on several conditions. The statements are executed from top to bottom. When the condition controlling the if evaluates to be true, the statement related to that block is also executed, and the rest of the blocks are bypassed. If no condition is true, the final else statement is executed.
Syntax
if (condition)
statement;
else if (condition)
statement;
.
.
else
Statement;

Here, we use else-if in JavaScript to execute the code. If the condition is true, the body of if is executed, and the rest of the blocks are skipped. If the condition in the else-if statement is true, the given statement is executed. And if no condition is met, the code block in else is executed
JavaScript nested-if statement
In JavaScript, we use the nested if statements within if statements, placing one statement inside another. A nested if is another type of an if statement that is the target of another if or else.
Syntax

if (condition1)
{
// Executes when condition1 is true
if (condition2)
{
// Executes when condition2 is true
}
}

Java Script

Arul perumal — Wed, 09 Jul 2025 18:28:50 +0000

Hi everyone, today I learned about the introduction to JavaScript and its types. I'm sharing it here with you all."

What is javaScript
Java script is a scripting language used to create and control the daynamic website content
What is data Type **
In programming language data typeI define the kind of a data a variable can store
they are two catagory
(1)Primitive data type
(2) Non- Primitive type
primitive data types

a) String
b)Number
C) Boolean
d) bigint
e) symbol
f) Undefined
g) Null
non primitive data
a)Object
**String
String data type is group ofcharacter or textual Content
Ex:Var str="Hello World"
Number
Number data type is a number value it can be integer (positive or negative), floating point or exponential
Ex:Var a=47
Var b=62.9
Var c=5
The number data types also includes special values such as infinity -infinity and NAN
infinity when positive number divided by zero the result is infinite
when negative number divided by zero the result is -infinity
NAN -Not An Number
Boolean
blooean Data type is used to compare two variables or check a condition.it has only two values namely true or false
Ex.Var a=10
Var b=9
a==b//Return false
undefined
Null Value means No value.it's means empty value or absence of value
Ex.Var X= null
Console log(x)// returned null
symbol
The symbol data type in javascript define a property of an object which is private to the object.the value with symbol data type can be referred to as a symbol value.the symbol value refers to key of the key value pair of an object every symbol is unique.two symbol with same key value are not the same
Ex.let value 1= symbol ("value")
let value 2= symbol(" value")
alert (Value1= value 2):// false
in the above example both value 1 and value 2 contain the same key value but they are different as they are of the symbol type
bigint
Large number
ex:123456789
Objects
An object is like a container that stores state and behaviorus
we can say in simple words
it's is the collection of properties(attributes)and methods(Actions ) it contains

it contains key value pairs in its address the property of the objects are written as key value pairs each pairs is seperated by commas ,enclosed in curly basis {} the key must be a String and value can be of any data type
ex: Var students={First Name:'jhon', Class 7}
Compiler and interpreter

A compiler translate the whole program at once , which can make it run faster but takes more time to compile
an interpreter translate and run the code line by line making it easier to catch errors and debug thought it may run slower.

**programming type

Statically type -Data types are fixed.
dynamically type -Data type can change during run time

Internal and external java script
internal java script
written directly inside the HTML file using the script tag..

*external java script *
external javascript refers to writing your javascript code in a seperate file with a js extension

Software Testing

Arul perumal — Thu, 26 Jun 2025 04:58:53 +0000

Introduction of testing
Today I will take the presentation at my institute about software testing
what we will do after completing developer the software...
if we bought a bike we should check capacity of tyre and Bike Cc and do test drive also, then if we have switch box at my home when we will be check the how much capacity of current is passing in the switch,these are all depend upon the hardware so we called this hardware testing. if we do in the software all depend upon the software so it's called this software testing ..

what is mean by software testing?
software testing is process used to identify correctness, completeness and developed of the computer software..
software testing is an activity expect results match actual results and ensure the software defectbis free..
software testing is important it could have bugs expensive or be dangerous
Software testing is main goal to find and fix the bugs before releasing the software to end user.

why need is sofware testing?
1.to find and defect free.
2.To check whether clent/user need to satisfied
3.to avoid user detecting problem
4.to also provide good quality

why does software have bugs?

Miscommunication or no communication
software complexity 3.time pressure (Time scheduling)
programming mistake Tester and developer Developer always want to his code working properly.so he will test the code is if it working correctly. Tester to make it fails in any way.tester surly check how this app not working properly..

First i would like to sharing something about me and what are doing now.

Arul perumal — Mon, 16 Jun 2025 02:40:53 +0000

hi everyone this is the my first blog in this community.
i am first graduate in my family.. after i completed my degree i joined the job what was job available that time.because i had lot of commitments
after I left my job i searched new one I did not like my job i found.then I spoke with my friends.they one only who encouraged to get the job of my study oriented.I asked whether it's ok to get the job after the long gap , friends said try with full effort you can get the job definitely..i was also interested in becoming a software developer so I decided to learn the Full stock developer course and my friends referred me to join the payilagam institute at Velachery.
now it's been one week since I joined the classes apart from the class they are teaching extra activities so really I happy with that, now i have started to learning HTML and CSS..

DEV Community: Arul perumal

innerText vs innerHTML vs textContent: What’s the Real Difference?

Java Script Intro

** JAVASCRIPT INTRODUCTION**

Variable

Var KeyWord

Let Keyword

Const Keyword

INTRODUCTION OF CONDTIONAL STATEMENT

Java Script

Software Testing

First i would like to sharing something about me and what are doing now.

JAVASCRIPT INTRODUCTION