JavaScrpt - CSS Résolu

Question

Bonjour,

J'ai un évaluateur d'expression JS. J'aimerais simplement que le message d'erreur soit de couleur rouge. Cependant, je ne parviens pas à implanter du css dans mon code JS ci-dessous.

Merci beaucoup pour votre aide !!!

<body>
<form action="#" id="evalExpr">
<div id="message">
</div>
<p>
<label for="expr">Expression
<input type="text" name="exemple" id="expr" tabindex="1" />
</label>
</p>
<div id="piedForm">
<input type="submit" name="Envoyer"/>
<input type="reset" name="Annuler"/>
</div>
</form>

var msgInit;
window.onload = initialiser;

function initialiser() {
msgInit=document.getElementById("message").innerHTML; //sauvez msg initial
document.getElementById("evalExpr").onsubmit = evaluer; //e-e-r
document.getElementById("expr").onfocus = effacerRes;
document.getElementById("expr").focus(); // met le focus dans le champ
document.getElementById("evalExpr").reset; //remise à zéro du form à chaque reload
}

function evaluer() {
var res; var msg="Entrez une expression";
var entree = document.getElementById("expr").value; //saisir l'expressions dans le champ de saisie
if (entree !=""); //ok
res = eval(entree); //evaluer expr / si non vide
msg="L'expression " + entree + " vaut " + res + " (de type > \" " + typeof res + "\")";
document.getElementById("message").innerHTML=msg; //afficher dans la page
return false;
}

function effacerRes() {
document.getElementById("message").innerHTML=msgInit;
this.value="";

Dalida · Accepted Answer

salut,

avec :
document.getElementById("message").style.color = '#F00';
et pour les autres propriétés CSS, en générale c'est identique, suffit de mettre une majuscule si il y a deux mots dans la propriété CSS :
document.getElementById("message").style.backgroundColor = '#000';

Dalida · Answer

if (entree.length > 0); // <--  MODIF 
res = eval(entree); //evaluer expr / si non vide
msg="L'expression " + entree + " vaut " + res + " (de type > \" " + typeof res + "\")";
document.getElementById("message").innerHTML=msg; //afficher dans la page
return false;
}
else
{
document.getElementById("message").innerHTML='Entrez une valeur';
}

Dalida · Answer

l'accolade du 'if()' est pas ouverte&hellip;
if (entree.length > 0)
{
res = eval(entree); //evaluer expr / si non vide
msg="L'expression " + entree + " vaut " + res + " (de type > \" " + typeof res + "\")";
document.getElementById("message").innerHTML=msg; //afficher dans la page
return false;
}
else
{
document.getElementById("message").innerHTML='Entrez une valeur';
}

Dalida · Answer

formate et indente ton code, tu trouveras plus facilement les erreurs.
il y avait un point-virgule au bout du 'if()' et l'accolade de la fonction était pas fermée.
pour formater le code sur le forum, c'est avec ce bouton.
function evaluer()
{
	var res;
	var msg="Entrez une expression";
	var entree = document.getElementById( "expr" ).value;
	if( entree.length > 0 )
	{
		res = eval( entree );
		msg="L'expression " + entree + " vaut " + res + " (de type > \" " + typeof res + "\")";
		document.getElementById( "message" ).innerHTML=msg; 
		return false;
	}
	else
	{
		document.getElementById( "message" ).innerHTML=msgInit;
		document.getElementById( "message" ).style.color = '#F00';
	}
}

JavaScrpt - CSS

4 réponses

Discussions similaires

Newsletters