i want to change “text1” to “text2” first click and change “text2” to “text1” second click by only single button

Question

 function fun(){ var read1 = document.getElementById("ddr"); if(read1.innerHTML == "text2"){ read1.innerHTML = "text1"; } read1.innerHTML = "text2" }

 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> </head> <body> <button id="bt" onclick="fun()"> button </button> <p id="ddr"> text1 </p> </body> </html>

i want to change "text1" to "text2" first click and change "text2" to "text1" second click by only single button.

Answer 1

You are missing return statement:

function fun(){
  var read1 = document.getElementById("ddr");

  if(read1.innerHTML == "text2"){
    read1.innerHTML = "text1";
    return; //return here
  }
  read1.innerHTML = "text2"
}

or with else :

function fun(){
  var read1 = document.getElementById("ddr");

  if(read1.innerHTML == "text2"){
    read1.innerHTML = "text1";
  } else {
    read1.innerHTML = "text2"
  }
}

Answer 2

You just missed the else statement.

 function fun(){ var read1 = document.getElementById("ddr"); if(read1.innerHTML == "text2"){ read1.innerHTML = "text1"; } else{ read1.innerHTML = "text2" } }

 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> </head> <body> <button id="bt" onclick="fun()"> button </button> <p id="ddr"> text1 </p> </body> </html>

i want to change “text1” to “text2” first click and change “text2” to “text1” second click by only single button

Question

2 answers

solution1
0 ACCPTED 2016-01-09 11:51:00

solution2
0 2016-01-09 11:57:07

i want to change “text1” to “text2” first click and change “text2” to “text1” second click by only single button

Question

2 answers

solution1 0 ACCPTED 2016-01-09 11:51:00

solution2 0 2016-01-09 11:57:07

solution1
0 ACCPTED 2016-01-09 11:51:00

solution2
0 2016-01-09 11:57:07