PDA

Click to See Complete Forum and Search --> : Random Numbers with Color changes??

emaluzer
12-24-2005, 07:17 PM
Hello I am fairly New to Javascript. I am creating a script that simulates dice rolling for a game. I want the page to change the color of the value inputted if the value is above x or below y. Thanks for the help!!! The Script is:

<HTML>
<HEAD>
<SCRIPT TYPE="TEXT/JAVASCRIPT">

// Random number generator

function rnd(max) {
var rndnum = max * Math.random()
rndnum = Math.ceil (rndnum)
return rndnum
}
function SetElementTextColor(theelement, thecolor) {
if (theelement.style) {
theelement.style.color = thecolor;
}
return true;
}// Call random number generator

function outrnd() {
document.STRDL.rand.value = rnd(document.STRDL.maxrnd.value)
}
if (theform.STRDL.rand.value >= 6) {
SetElementTextColor(theform.STRDL.rand, '#009900');
} else if (theform.STRDL.rand.value < 6) {
SetElementTextColor(theform.STRDL.rand, '#FF0000');
}
function outrnd1() {
document.testrnd.rand1.value = rnd(document.testrnd.maxrnd.value)
}
function GH1() {
document.testrnd1.GH100.value = rnd(document.testrnd1.maxrnd.value)
}
function TH1() {
document.testrnd1.TH100.value = rnd(document.testrnd1.maxrnd.value)
}
function HDH() {
document.testrnd3.HD1.value = rnd(document.testrnd3.maxrnd1.value)
}
function HDH2() {
document.testrnd3.HD2.value = rnd(document.testrnd3.maxrnd1.value)
}
function HDH3() {
document.testrnd3.HD3.value = rnd(document.testrnd3.maxrnd1.value)
}
function HDH4() {
document.testrnd3.HD4.value = rnd(document.testrnd3.maxrnd1.value)
}
function HDH5() {
document.testrnd3.HD5.value = rnd(document.testrnd3.maxrnd1.value)
}
function HTL1() {
document.HITL1.HL1.value = rnd(document.HITL1.maxrnd2.value)
}
function HTL2() {
document.HITL1.HL2.value = rnd(document.HITL1.maxrnd2.value)
}
function HTL3() {
document.HITL1.HL3.value = rnd(document.HITL1.maxrnd2.value)
}
function HTL4() {
document.HITL1.HL4.value = rnd(document.HITL1.maxrnd2.value)
}
function HTL5() {
document.HITL1.HL5.value = rnd(document.HITL1.maxrnd2.value)
}
function HTL6() {
document.HITL1.HL6.value = rnd(document.HITL1.maxrnd2.value)
}
function CLFD1() {
document.CMPFLD.CF1.value = rnd(document.CMPFLD.maxrnd4.value)
}
function CLFD2() {
document.CMPFLD.CF2.value = rnd(document.CMPFLD.maxrnd4.value)
}
function CLFD3() {
document.CMPFLD.CF3.value = rnd(document.CMPFLD.maxrnd4.value)
}
function CLFD4() {
document.CMPFLD.CF4.value = rnd(document.CMPFLD.maxrnd4.value)
}
function CLFD5() {
document.CMPFLD.CF5.value = rnd(document.CMPFLD.maxrnd4.value)
}
function CLFD6() {
document.CMPFLD.CF6.value = rnd(document.CMPFLD.maxrnd4.value)
}
function EXDM1() {
document.EXTDMG.ED1.value = rnd(document.EXTDMG.maxrnd4.value)
}
function EXDM2() {
document.EXTDMG.ED2.value = rnd(document.EXTDMG.maxrnd4.value)
}
function EXDM3() {
document.EXTDMG.ED3.value = rnd(document.EXTDMG.maxrnd4.value)
}
function EXDM4() {
document.EXTDMG.ED4.value = rnd(document.EXTDMG.maxrnd4.value)
}
function EXDM5() {
document.EXTDMG.ED5.value = rnd(document.EXTDMG.maxrnd4.value)
}
function EXDM6() {
document.EXTDMG.ED6.value = rnd(document.EXTDMG.maxrnd4.value)
}
function PRPD1() {
document.PROPDEST.PD1.value = rnd(document.PROPDEST.maxrnd4.value)
}
function PRPD2() {
document.PROPDEST.PD2.value = rnd(document.PROPDEST.maxrnd4.value)
}
function PRPD3() {
document.PROPDEST.PD3.value = rnd(document.PROPDEST.maxrnd4.value)
}
function PRPD4() {
document.PROPDEST.PD4.value = rnd(document.PROPDEST.maxrnd4.value)
}
function PRPD5() {
document.PROPDEST.PD5.value = rnd(document.PROPDEST.maxrnd4.value)
}
function PRPD6() {
document.PROPDEST.PD6.value = rnd(document.PROPDEST.maxrnd4.value)
}



</SCRIPT>
</HEAD>
<BODY>
<table>

<FORM ACTION="#" NAME=STRDL >
<Input class="noenter" input type="hidden" NAME="maxrnd" VALUE=10 SIZE=3>
<tr><td>Straddle:
<INPUT TYPE=TEXT NAME="rand" SIZE=3> </tr></td></form>

<FORM ACTION="#" NAME=testrnd1 >
<Input class="noenter" input type="hidden" NAME="maxrnd" VALUE=100 SIZE=3>
<tr><td>Gun Hit Resolution Table:
<INPUT TYPE=TEXT NAME="GH100" SIZE=3 DISABLED></tr></td>
<tr><td>Torpedo Hit Resolution Table:
<INPUT TYPE=TEXT NAME="TH100" SIZE=3 DISABLED></tr></td>
</form>

<FORM ACTION="#" NAME=testrnd3 >
<Input class="noenter" input type="hidden" NAME="maxrnd1" VALUE=10 SIZE=3>
<tr><td>HULL/DECK HITS:
<INPUT TYPE=TEXT NAME="HD1" SIZE=3 DISABLED><INPUT TYPE=TEXT NAME="HD2" SIZE=3 DISABLED><INPUT TYPE=TEXT NAME="HD3" SIZE=3 DISABLED><INPUT TYPE=TEXT NAME="HD4" SIZE=3 DISABLED><INPUT TYPE=TEXT NAME="HD5" SIZE=3 DISABLED> </tr></td></FORM>

<FORM ACTION="#" NAME=HITL1 >
<Input class="noenter" input type="hidden" NAME="maxrnd2" VALUE=100 SIZE=3>
<tr><td>HIT LOCATIONS:
<INPUT TYPE=TEXT NAME="HL1" SIZE=3 DISABLED><INPUT TYPE=TEXT NAME="HL2" SIZE=3 DISABLED><INPUT TYPE=TEXT NAME="HL3" SIZE=3 DISABLED><INPUT TYPE=TEXT NAME="HL4" SIZE=3 DISABLED><INPUT TYPE=TEXT NAME="HL5" SIZE=3 DISABLED><INPUT TYPE=TEXT NAME="HL6" SIZE=3 DISABLED> </tr></td></FORM>

<FORM ACTION="#" NAME=CMPFLD>
<Input class="noenter" input type="hidden" NAME="maxrnd4" VALUE=10 SIZE=3>
<tr><td>COMPARTMENT FLOODS:
<INPUT TYPE=TEXT NAME="CF1" SIZE=3 DISABLED><INPUT TYPE=TEXT NAME="CF2" SIZE=3 DISABLED><INPUT TYPE=TEXT NAME="CF3" SIZE=3 DISABLED><INPUT TYPE=TEXT NAME="CF4" SIZE=3 DISABLED><INPUT TYPE=TEXT NAME="CF5" SIZE=3 DISABLED><INPUT TYPE=TEXT NAME="CF6" SIZE=3 DISABLED> </tr></td></FORM>

<FORM ACTION="#" NAME=EXTDMG>
<Input class="noenter" input type="hidden" NAME="maxrnd4" VALUE=10 SIZE=3>
<tr><td>EXTENT DAMAGE:
<INPUT TYPE=TEXT NAME="ED1" SIZE=3 DISABLED><INPUT TYPE=TEXT NAME="ED2" SIZE=3 DISABLED><INPUT TYPE=TEXT NAME="ED3" SIZE=3 DISABLED><INPUT TYPE=TEXT NAME="ED4" SIZE=3 DISABLED><INPUT TYPE=TEXT NAME="ED5" SIZE=3 DISABLED><INPUT TYPE=TEXT NAME="ED6" SIZE=3 DISABLED> </tr></td></FORM>
<TR><TD HEIGHT="15"></TD></TR>
<FORM ACTION="#" NAME=PROPDEST>
<Input class="noenter" input type="hidden" NAME="maxrnd4" VALUE=10 SIZE=3>
<tr><td>PROPULSION UNITS DESTROYED/DAMAGED:
<INPUT TYPE=TEXT NAME="PD1" SIZE=3 DISABLED><INPUT TYPE=TEXT NAME="PD2" SIZE=3 DISABLED><INPUT TYPE=TEXT NAME="PD3" SIZE=3 DISABLED><INPUT TYPE=TEXT NAME="PD4" SIZE=3 DISABLED><INPUT TYPE=TEXT NAME="PD5" SIZE=3 DISABLED><INPUT TYPE=TEXT NAME="PD6" SIZE=3 DISABLED> </tr></td></FORM>

<tr><td>
<INPUT TYPE=BUTTON VALUE="ROLL!!" ONCLICK="outrnd();GH1();TH1();HDH();HDH2();HDH3();HDH4();HDH5();HTL1();HTL1();HTL2();HTL3();HTL4();HTL5();HTL 6();CLFD1();CLFD2();CLFD3();CLFD4();CLFD5();CLFD6();EXDM1();EXDM2();EXDM3();EXDM4();EXDM5();EXDM6(); PRPD1();PRPD2();PRPD3();PRPD4();PRPD5();PRPD6();"> </tr></td>
</FORM>
</table>
</BODY>
</HTML>
Cytael
12-24-2005, 08:04 PM
for starters, check the posistioning on your closing braces:

function outrnd() {
document.STRDL.rand.value = rnd(document.STRDL.maxrnd.value)
} // <--- why is this guy here? he should be moved...
if (theform.STRDL.rand.value >= 6) {
SetElementTextColor(theform.STRDL.rand, '#009900');
} else if (theform.STRDL.rand.value < 6) {
SetElementTextColor(theform.STRDL.rand, '#FF0000');
}
// <---...to here


That won't completely fix your problem, but it took my copy of IE from spitting errors at me to sitting there silently and doing nothing at all...which might be considered an improvement...
emaluzer
12-24-2005, 08:27 PM
That didnt work. The brace is there for that function if I move it then the script refuses to work.

Thanks For replying