Question

Is it possible to do an if-else in JavaScript with HTML content like in PHP?

If so, how?

Example

<?php
if(1) {
?>

<h1>thought so</h1>

<?php
}
else {
?>

<h1>that's strange</h1>

<?php
}
?>

Answer 1

Here’s a direct translation to javascript. Not normally the right approach though.

<script type="text/javascript">
if(1) {
      document.write('<h1>thought so</h1>');
}
else {
      document.write('<h1>that\'s strange</h1>');
}
</script>

---

Here’s a better way:

<div id="show-if-true" style="display: none">
    <h1>thought so</h1>
</div>
<div id="show-if-false" style="display: none">
    <h1>that's strange</h1>
</div>

<script type="text/javascript">
var ifFalse = document.getElementById('show-if-false'),
    ifTrue  = document.getElementById('show-if-true');

if(1) {
    ifTrue.style.display = "block";
}
else {
    ifFalse.style.display = "block";
}
</script>