How to embed a JavaScript if clause into a HTML code

Question

I want to embed a JavaScript if clause into a HTML code.There are two buttons named success and danger those are separated by a if clause. I tried for it as following manner.

<script>
    if (1 < 18) {
</script>
       <button type="button" class="btn btn-success btn-rounded">Success</button>
<script>
    }
    else{
</script>
       <button type="button" class="btn btn-danger btn-rounded">Danger</button>
<script>
    }
</script>

But it did not work in properly. Then what should I do for it.

Answer 1

There's a few different ways you can do this in Angular. The simplest change would be to just use *ngIf :

<button *ngIf="1 < 18" type="button" class="btn btn-success btn-rounded">Success</button>
<button *ngIf="1 >= 18" type="button" class="btn btn-danger btn-rounded">Danger</button>

Answer 2

You'll need to write the HTML code with the JavaScript, see below.

<script type="text/javascript">
var i = 0;
window.onload = function(){
if (i == 0)
{
     document.getElementById('somearea').innerHTML = '<input type="button" value="Some Value 1"/>';
}
else
{
     document.getElementById('somearea').innerHTML = '<input type="button" value="Some Value 2"/>';
}
}
    </script>