JavaScript - nybörjarproblem

Jag är fruktansvärt grön på JavaScript.
Min beräkning här nedan ska alltså skriva ut busted eller safe beroende på om total är över 21 (vilket den är här).

Min fundering är hur jag ska skriva ut det. Nu använder jag "alert" mest för att det är den enda jag känner till, men jag vill inte ha den som en popup.

Vad kan jag ha istället? Vad finns det för alternativ?

var card1 = 4
var card2 = 9
var card3 = 8
var card4 = 1
var card5 = 6
var total = card1+card2+card3+card4+card5;

var result; if (total > 21) {alert("busted");
}
 	else {alert("safe");}

Lite offt, men är alert en function?

Tacksam för all hjälp!

var cards = [4, 9, 8, 1, 6];

var total = cards.reduce(function(a, b) {
    return a + b;
});

if (total > 21) {
    console.log('busted');
} else {
    console.log('safe');
}

Det här verkar vara något ja borde titta mer på! Halverar ju koden, men jag har inte kommit så långt att jag börjat titta på arrays ännu.
Går det göra med bara variabler annars?

Jag känner mig fortfarande väldigt grön och tror jag vill vänta med tredjepart tills jag förstår grunderna bättre.

Jag har en variabel som heter "ANSWER" som är kopplad till en html sida där det ligger en div tag med id answer.
Hit vill jag att min beräkning ska visa "Busted" eller "safe" beroende på totalen.

Vad jag kan se nu visar min total värdet istället, alltså 28.

edit: felstavningar

Din förklaring kring arrays var den bästa jag fått någonsin! Bättre än alla böckerna tillsammans!

Jag är ändå lite inne på att jag ska använda en variabel. På något sätt ska jag få in mitt svar efter "ANSWER".
Om jag kör så här så får jag svaret undefined. Men om jag lägger "var calc = if (total....." istället för ; så får jag syntaxerror.

var card1 = 4
var card2 = 9
var card3 = 8
var card4 = 1
var card5 = 6
var total = card1+card2+card3+card4+card5;

var calc; if (total > 21) {
    console.log('busted');
} else {
    console.log('safe');
};

ANSWER = calc;

ANSWER är kopplat till en HTML sida där mitt "busted" ska presenteras. Med calc hade jag hoppats kunna få ekvationen som en variabel och sedan kunna lägga den på answer.

Den här raden missade jag ta med i förra posten. Den ligger direkt efter ANSWER=calc

mepi.assert("7.2", ANSWER, true);

I HTML ser det sen ut så här:

<div id="answer7.2" class="answer"></div>

Här vill jag visa mitt "busted" eller "safe" beroende på värdet av berkäningen.

document.getElementById('answer7.2').textContent('text');

var answer; 

if (total > 21) { 
    answer = 'busted'; 
} else { 
    answer = 'safe'; 
}

document.getElementById('answer7.2').textContent(answer);

var answer = total > 21 ? 'busted' : 'safe'; 

document.getElementById('answer7.2').textContent(answer);

Tack så otroligt mycket! Detta löste mina problem!

Nu fattar jag precis vad jag gjort för fel. Men jag behövde inte all kod.
Jag var bara trög nog att inte förstå att jag var tvungen att lägga:

if (total > 21) { 
    answer = 'busted'; 
} else { 
    answer = 'safe'; 
}

Nu fungerar det precis så som jag vill! <3

Passar väl även på att slänga ut en fråga om for loopar i samma tråd för att undvika spamma trådar!

Jag försöker förstå detta, men jag får det inte att gå ihop.

for (variable=startvalue; variable<=endvalue; variable=variable+incrementfactor)
{
// Here goes the script lines you want to loop.
}

Säg att jag har ett värde 500. Detta vill jag öka med 9 6gånger.

Startvalue förmodar jag är 500.
Ska Endvalue vara mitt beräknade svar?
"variable=variable+incrementfactor" det här förvirrar mig. Vilken variable ska vara vart?

for (variable=500; variable<=545; variable=variable+9)
{
// Here goes the script lines you want to loop.
}

Användningen för loopen är bara för att jag vill lära mig.
Vart kommer värdet 545 ifrån? Skulle det stå 554 där (6*9=54)?

Om jag istället ville att loopen skulle minska istället för att öka, ändrar jag bara "+9" till "-9"?

Jaha! Då förstår jag!

Men om man istället för en For loop använder while.
Säg att jag har värdet 20 och vill öka det med 5 tills den når 400.
Alltså jag vill veta hur många gånger den loopar.

Tänker jag rätt om jag gör så här?

var a = 20;
var b = 5;

while (a<400) {
	a+b;
	a++;

Ledsen, skrev fel. Det skulle stå "a+=b" (Om det gör saken bättre vet jag inte)
Jag vet ju inte antalet loopar utan vill att min while loop ska räkna ut det åt mig.

Jag försöker väl först och främst förstå och testa mig fram med den informationen jag hittar här:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/while

var startValue = 20; // Startvärdet
var count = 0;            // Räknaren

while (startValue <= 400) {
       startValue += 5; // Öka med 5
       count++;             // Öka med 1, räkna antalet loops
}

Okej, här förstår jag bättre nu vad jag gjort för fel.
Jag förstod inte att "var count"(min "var b") skulle vara räknaren, utan trodde det skulle va värdet som den ska öka med.

jag har kollat in den länken en del också när jag letat exempel. Men jag kan tycka de är lite otydliga med vissa funktioner där också, alternativt är det väl jag som är lite bakom flötet!

Ingen fara och inget jag tog som elakt. Jag lär mig bra på att ifrågasättas!

Att det kan se ut som jag bara slänger ihop något kan nog bero på att jag kollar väldigt mycket på olika exempel. Vissa är mer, andra är mindre detaljerade. Med en gnutta okunskap kan det bli hur galet som helst emellanåt!
Min inlärningstaktik är väl trial and error på varje ny funktion, när jag väl får det att fungera så försöker jag beskåda koden tills jag förstår vilket som gör vad.