Как встроить JavaScript-предложение if в HTML-код

Question

Я хочу встроить JavaScript-условие if в HTML-код. Есть две кнопки с именами success и danger, которые разделены предложением if.Я попытался сделать это следующим образом.

<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>

Но он не работал должным образом.Тогда что мне делать для этого.

Answer 1

Есть несколько разных способов сделать это в Angular.Самым простым изменением было бы просто использовать *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

Вам нужно написать HTML-код с помощью JavaScript, см. Ниже.

<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>