I made it work somehow, with a little bug, it uses the same calss for both negative and positive numbers :S
Code:
//the calss swap code
var mySpan = document.getElementById("spanIda")
var myClass = document.getElementById("sta").innerHTML > 0 ?
"neg" :
"poz";
mySpan.setAttribute("class", myClass);
//the output part with span..
<span id="spanIda">
<p id="sta"></p>
</span>
Here's my full code to understand it better:
Code:
<html>
<head>
<title>Racunanje</title>
<style type="text/css">
.neg {
color:#000099;
}
.poz {
color:#00FF33;
}
</style>
</head>
<body>
<p>Click button ot begin.</p>
<button onClick="racunaj()">Calc</button>
<span id="spanIda">
<p id="sta"></p>
</span>
<p id="stb"></p>
<p id="calc1"></p>
<p id="calc2"></p>
<p id="calc3"></p>
<p id="calc4"></p>
<p id="calc5"></p>
<script>
function racunaj()
{
var a;
var b;
var x;
var y;
var e;
var f;
var g;
var namea=prompt("enter A:");
var nameb=prompt("enter B:");
var sum;
sum=(parseFloat(namea)+parseFloat(nameb));
var minus;
minus=(parseFloat(namea)-parseFloat(nameb));
var mnozi;
mnozi=(parseFloat(namea)*parseFloat(nameb));
var deli;
deli=(parseFloat(namea)/parseFloat(nameb));
var ostanek;
ostanek=(parseFloat(namea)%parseFloat(nameb));
a="A: " + namea;
document.getElementById("sta").innerHTML=a;
b="B: " + nameb;
document.getElementById("stb").innerHTML=b;
x="Vsota: " + sum;
document.getElementById("calc1").innerHTML=x;
y="Razlika: " + minus;
document.getElementById("calc2").innerHTML=y;
e="Zmnozek: " + mnozi;
document.getElementById("calc3").innerHTML=e;
f="Deljenje: " + deli;
document.getElementById("calc4").innerHTML=f;
g="Ostanek pri deljenju: " + ostanek;
document.getElementById("calc5").innerHTML=g;
var mySpan = document.getElementById("spanIda")
var myClass = parseInt(mySpan.innerHTML) < 0 ?
"neg" :
"poz";
mySpan.setAttribute("class", myClass);
}
</script>
</body>
</html>