Formatar Fonte em JAVASCRIPT - [RESOLVIDO]

Front-end
#1

Fala Pessoal BLZ!

Tenho uma duvida simples porem não econtro na internet a solução.

Eu tenho esse codigo em javasrip abaixo e queria que o APROVADO fosse para o campo na cor AZUL e o REPROVADO fosse na Cor VERMELHO existe essa forma?

[code]
[/code]

#2

nao lembro se funfa, mas ponha um html code entre a palavra:

document.form.status.value = "<font color='blue'>Aprovado</font>";
#3

Tentei mas não deu certo não, o campo Status sai com todo esse valor " Aprovado"

#4

Ok, onde se encontra o codigo desse campo ‘status’ ? tem como postar ?

#5

Na verdade quero aplicar isso em uma aplicação e fiz um pequenos teste para saber se consigo fazer isso:

segue o teste:

[code]

Insert title here [/code]
#6

crie um css com configuração de fonte e cor pra duas classes uma com nome reprovado e outra com reprovado, e quando quando vc faz isso


if(total<=5) {  
        document.form.status.value = "Aprovado";  
         document.form.status.class = "aprovado"
}  
    if(total > 5) {  
        document.form.status.value = "Reprovado";  
        document.form.status.class = "reprovado";
}

acho que isso vai funcionar

mas eu faço isso geralmente usando jQuery

#7

Gambiarra da mais Dirty

Crie doi campos StatusA e StatusR já formatados, e suma com ele via hidden…

#8

se isso não funcionar para alterar o class do atributo

document.form.status.class = "reprovado";

tenta esse

document.form.status.className = "reprovado";
#9

Troque sua funcao calculo por esta:

function calculo() {   
	  
	var n1 =  parseFloat(document.getElementById('numero1').value);  
    var n2 =  parseFloat(document.getElementById('numero2').value);  
    var total = n1 + n2;  
  
    if(total<=5) {
    	document.getElementById('status').style.color = "green";
    	document.getElementById('status').value = "Aprovado";                
    }  
    if(total > 5) {  
    	document.getElementById('status').style.color = "red";
    	document.getElementById('status').value = "Reprovado";
    }
  
}

E os seus inputs acrescente o elemento id, ficando assim:

<input type="text" id="numero1" name="numero1"> <input type="text" id="numero2" name="numero2" onblur="return calculo()"> <input type="text" id="status" name="status">
#10

[quote=DaniloAndrade]se isso não funcionar para alterar o class do atributo

document.form.status.class = "reprovado";

tenta esse

document.form.status.className = "reprovado";
[/code][/quote]

DaniloAndrade 
 Isso funcionouu  [code]document.form.status.className = "reprovado";

Deu certinho Galera Obrigado Pela Ajuda!!!

#11

blz então,

edita seu primeiro post e coloca a tag [Resolvido] no titulo

#12