Fala Matheus! Tudo jóia?
Vamos lá:
Por que preciso colocar "+" para pular uma linha?
Na verdade, o comando responsável por pular linhas é a tag <br>
O " + " não é utilizado para pular linhas. Normalmente ele é utilizado para concatenar (juntar) strings. No caso do seu código, o " + " está sendo utilizado para indicar que após que a frase for impressa no navegador, uma linha deve ser pulada. Dessa forma, a linha document.write("A média do valor gasto com as viagens é:" + "<br>")
, funciona da mesma forma que o seguinte trecho de código:
document.write("A média do valor gasto com as viagens é:");
document.write("<br>");
Que imprimi a frase "A média do valor gasto com as viagens é:" e em seguida pula uma linha.
Tem como colocar em destaque o resultado?
Uma maneira de colcocar trechos em destaque é utilizando a tag <b></b>
que deixa seu texto em negrito. Você pode utilizá-la da seguinte maneira:
document.write("<b>" + ( 200 + 100 + 300 + 400) / 4 + "</b>");
Também existe a tag <mark></mark>
que deixa seus trechos ainda mais destacados:
document.write("<mark>" + ( 200 + 100 + 300 + 400) / 4 + "</mark>");
Espero ter ajudado. Qualquer dúvida vamos nos falando por aqui, tá bom?
Bons estudos!