Add or Edit text using innerHTML – Javascript Tutorial

Tutorials Palace 11 September, 2016 No Comments

This is javasctipt tutorial in which I will let you know that how to add or change text work with white spaces in any html container using innerHTML javascript tutorial. This is very simple method follow the below mentioned code. Hope this will helpful for those who are beginner in Javascript.

<p id ="sentence" class="jumbotron">This is initial text. </p>
        <button id="f-Btn" class="btn btn-default"> First </button>
        <button id="s-Btn" class="btn btn-default"> Second </button>

<p id ="sentence" class="jumbotron">This is initial text. </p>

<button id="f-Btn" class="btn btn-default"> First </button>

<button id="s-Btn" class="btn btn-default"> Second </button>

<script>
document.getElementById("f-Btn").addEventListener("click", function(){
        document.getElementById("sentence").innerHTML = "First Button Text";
});


document.getElementById("s-Btn").addEventListener("click", function(){
        document.getElementById("sentence").innerHTML = "Second Button Text";
});
</script>