Hey Guys,
Today we are going to learn about basic DOM Manipulation using JavaScript.
<h2 id="heading-innertext">.innerText</h2>
The inner text is used to assign or change the value of the html element.
<pre><code>&lt;h1 id="num"&gt;0&lt;/h1&gt;
&lt;button id="increment-btn" onclick=inc()&gt;INCREMENT&lt;/button&gt;

*{
 margin:0;
 padding:0;
 box-sizing:border-box;
}
#num{
 margin-left:30px;
}
#increment-btn{
 margin-left:10px;
}

let count=0;
function inc(){
 count+=1;
 document.getElementById("num").innerText=count;
}
</code></pre>We can use the <code>getElementById</code> and do the DOM manipulation.

Hey Guys,

Today we are going to learn about basic DOM Manipulation using JavaScript.

## .innerText

The inner text is used to assign or change the value of the html element.
```
<h1 id="num">0</h1>
<button id="increment-btn" onclick=inc()>INCREMENT</button>

*{
 margin:0;
 padding:0;
 box-sizing:border-box;
}
#num{
 margin-left:30px;
}
#increment-btn{
 margin-left:10px;
}

let count=0;
function inc(){
 count+=1;
 document.getElementById("num").innerText=count;
}
```

We can use the `getElementById` and do the DOM manipulation.

JavaScript DOM

#100DaysOfCode#Day8

.innerText