How TO - Toggle/Swap Text

❮ Previous Next ❯

Learn how to toggle text with JavaScript.

Hello

Toggle Text of an Element

Step 1) Add HTML:

Example

<button onclick="myFunction()">Click Me</button>

<div id="myDIV">Hello</div>

Step 2) Add JavaScript:

Example

function myFunction() {
var x = document.getElementById("myDIV");
if (x.innerHTML === "Hello") {
x.innerHTML = "Swapped text!";
} else {
x.innerHTML = "Hello";
}
}

Try it Yourself »

❮ Previous Next ❯