Изменить текст оператора div на if Javascript

Question

Я не очень разбираюсь в javascript, и я хочу добавить текст в div, когда переменная равна 1 или 0. Я не уверен, нужна ли функция. Я пытаюсь это так:

var alertt = document.getElementById('Alert'); 

if(:="OUT_MachineActive": == 1) // Value that gives 1 or 0 
{ 
    alertt.style.backgroundColor = 'green'; 
    alertt.firstChild.data = "NO ERROR"; 
} 
if(:="OUT_MachineActive": == 0) 
{ 
    alertt.style.backgroundColor = 'red'; 
    alertt.firstChild.data = "ERROR!!! Shredder1 is off!"; 
} 


</script> 

Это работает, но текст, я хотел бы, чтобы текст «Shredder1 выключен!» на 2-й линии. Например: ERROR !!!!
Shredder1 выключен!

Я уже пытался что-то вроде:

alertt.firstChild.data = "ERROR!!!" + <br /> + "Shredder1 is off!"; 

Но это не работает.

Answer 1

Вы можете использовать jQuery и сделать это.

var error = 1; 
 
$showErr = $('#show-error'); 
 
if (error === 0) { 
 
    $showErr.css('background-color', 'green'); 
 
    $showErr.html('No Error!'); 
 
} else { 
 
    $showErr.css('background-color', 'red'); 
 
    $showErr.html('Error!<br>Some Text'); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="show-error"> 
 
</div>

При использовании JQuery Необязательные бы ваше развитие намного проще.

Здесь работает разрыв строки, потому что я передаю его как строку html и вставлен в DOM.

Answer 2

var error = 1; 
 
$showErr = $('#show-error'); 
 
if (error === 0) { 
 
    $showErr.css('background-color', 'green'); 
 
    $showErr.html('No Error!'); 
 
} else { 
 
    $showErr.css('background-color', 'red'); 
 
    $showErr.html('Error!<br>Some Text'); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="show-error"> 
 
</div>