1
resposta

Usar código de cor no HTML que está inserido dentro do document

É possível utilizar códigos de cores, no HTML, que é inserido dentro do script via document.write? Só por curiosidade, eu tentei deixar o 250 colorido, como na atividade das questões e não consegui.

Se é possível, onde eu errei? / como seria?

Desde já, muito obrigada

<meta charset="UTF-8">
<script>

    document.write("A média do valor gasto com as viagens é <font color="#DF7401">") ;
    document.write( (200 + 100 + 300 + 400) / 4) ;

</script>
1 resposta

Dáfnie,

a curiosidade pode levar ao conhecimento.

Há várias maneiras de se deixar o texto colorido. Usual seria tratar isso dentro do html, ou em um arquivo .css anexado ao html. Mas pode-se manipular as cores de dentro do javascript também. Abaixo, umas formas bem simples:

Em html:

<html>
<p style="color: #DF7401;">Texto colorido no HTML</p>
</html>

Em javascript:

<script>
document.write("<p style='color: #DF7401;'>");
document.write("Forma de texto colorido no javascript");
document.write("</p>");
</script>

Esta de cima acho que é o que pretendia fazer. Mas a tag <font>não é aceita mais em HTML5. Neste caso tem que usar um atributo 'style' em uma tag de texto.

Outra opção em javascript é:

<script>
var texto = "Outro texto colorido escrito em javascript";
var corMudada = texto.fontcolor("#DF7401");
document.write(texto);    //este é o texto original, cor preta
document.write("<br>");
document.write(corMudada);    //este é o texto colorido
</script>

Bons estudos! Continue curiosa.