javascript if div equals then

Question

how do you make it in javascript on page load like, if div1 equals YES then div2 must display "You Said YES"

<div class="div1">YES</div> 
<div class="div2"></div>

Attach event to body load and in that check the value of div1 then set the value of div2 — Deshan, Feb 06 '15 at 06:58
with conditional statement, onload event and this http://stackoverflow.com/questions/21695729/how-to-get-child-element-text-using-only-javascript — gentlerainsky, Feb 06 '15 at 07:02

score 1 · Answer 1 · answered Feb 06 '15 at 07:08

If you want it in plain javascript, you can use body.onload like this:-

HTML:-

  <body onLoad="onbodyload()">
   <div id="div1">YES</div> 
<div id="div2"></div>
  </body>

Javascript:-=

function onbodyload(){
        var d1 = document.getElementById('div1');
var d2 = document.getElementById('div2');
  if(d1.innerHTML==='YES'){
  d2.innerHTML='You Said Yes!';
  }
};

Plunkr here.

Shoaib Chikate · Answer 2 · 2015-02-06T08:57:38.430

0

Use onload event of body and do desired operation. Add id to the div for easy manipulation.

document.body.onload=function(){
//first element with class div1
var div1=document.getElementsByClassName('div1')[0];
  if(div1.innerHTML=="YES"){
    //first element with class div2
    document.getElementsByClassName('div2')[0].innerHTML="You said Yes";
  }
  
}

<body>
  <div class="div1" id="div1">YES</div> 
  <div class="div2" id="div2"></div> 
</body>

edited Feb 06 '15 at 08:57

answered Feb 06 '15 at 07:05

Shoaib Chikate

8,665
12
47
70

Not much effort in changing from id to class. But using id is much better than class. – Shoaib Chikate Feb 06 '15 at 08:45

score -2 · Answer 3 · answered Feb 06 '15 at 07:01

$('.div2').show().text("You said yes!");

$(function() {
  if ($('.div1').text() == "YES") {
    $('.div2').text("You said yes!");
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="div1">YES</div> 
<div class="div2"></div>

javascript if div equals then

3 Answers3