How to make a text appear when JS condition is met

Question

How to make a text appear when JS condition is met

Navigation

#1 by (1 votes)

1

I'm starting with js and I have a doubt when it comes to printing text in the DOM with js.

I have a button that adds + 1 to var click and I want that when the number of click reaches 5, it appears the text of the function sumar()

var click = 1;
document.getElementById("demo").innerHTML = click;

function sumar() {
  click = click + 1;
  document.getElementById("demo").innerHTML = click;
}
if (click > 5) {
  function sumar() {
    document.getElementById("demo2").innerHTML = "Es más que 5";
  }
}

<h3 id="demo"></h3>
<h3 id="demo2"></h3>
<button id="button" onclick="sumar()">Click</button>

javascript

asked by Alejandro 19.04.2018 в 15:07

source

1 answer

How to activate the aid bulletin in Android Studio? Error .spec.ts in Angular5

score 1 · Accepted Answer

What happens is that in your js I was not calling the function masque (). Try this:

var click = 1;
document.getElementById("demo").innerHTML = click;

function sumar() {
  click = click + 1;
  document.getElementById("demo").innerHTML = click;
  if (click > 5) {
    masque();
  }
}

function masque() {
  document.getElementById("demo2").innerHTML = "Es más que 5";
}

<h3 id="demo"></h3>
<h3 id="demo2"></h3>
<button id="button" onclick="sumar()">Click</button>