<div class="container">
<div class="card-deck mb-3 text-center">
<div class="card mb-4 box-shadow">
<div class="card-header">
<h4 class="my-0 font-weight-normal">Lights</h4>
</div>
<div class="card-body">
<div id="relay">
</div>
</div>
</div>
</div>
</div>
Este é o meu HTML, e eu pretendo adicionar um botão na div relay
, mas não sei como aceder a ela com javascript.
O meu javascript é algo como isto
if(1 == 1){ //ignorem esta comparação
document.getElementById('relay').innerHTML='<button type='button' class='btn btn-lg btn-block btn-outline-danger'>OFF</button>';
}else{
document.getElementById('relay').innerHTML='<button type='button' class='btn btn-lg btn-block btn-outline-success'>ON</button>';
}