flatirondave

07-06-2011, 08:01 PM

I'm just starting out learning and have sort of given myself a couple of basic problems to solve. I pretty quickly found something that's apparently hard to Google.

I've made a page that shows a counter number, starting at 0, with buttons that will increase or decrease the number by 1 or 10.

So I'd like to figure out how to show that number in red when it is a negative number and in green when it is a positive number. I've tried a couple of things, including an if... else, but here's my latest crack:

var counter=0;

function countUp() {

lastCounter=counter;

counter++;

display();

}

function countDown() {

lastCounter=counter;

counter--;

display();

}

function tenUp() {

lastCounter=counter;

counter+=10;

display();

}

function tenDown() {

lastCounter=counter;

counter-=10;

display();

}

function lastNumber() {

counter=lastCounter

document.getElementById("number").innerHTML=lastCounter;

}

function display () {

number=counter+'';

switch(counter) {

case counter== 0;

document.getElementById("number").innerHTML=number.fontcolor(white);

break;

case counter> 0;

document.getElementById("number").innerHTML=number.fontcolor(green);

break;

case counter< 0;

document.getElementById("number").innerHTML=number.fontcolor(red);

break;

} //end switch

} //end display

I suspect that what I'm doing totally wrong has to do with how I'm describing the case or with calling one function inside another function, since it works up until I start messing with that (had the document.getElementByID stuff in the countUp, countDown, etc., functions before) but I don't know. Thanks in advance for any help you can offer.

I've made a page that shows a counter number, starting at 0, with buttons that will increase or decrease the number by 1 or 10.

So I'd like to figure out how to show that number in red when it is a negative number and in green when it is a positive number. I've tried a couple of things, including an if... else, but here's my latest crack:

var counter=0;

function countUp() {

lastCounter=counter;

counter++;

display();

}

function countDown() {

lastCounter=counter;

counter--;

display();

}

function tenUp() {

lastCounter=counter;

counter+=10;

display();

}

function tenDown() {

lastCounter=counter;

counter-=10;

display();

}

function lastNumber() {

counter=lastCounter

document.getElementById("number").innerHTML=lastCounter;

}

function display () {

number=counter+'';

switch(counter) {

case counter== 0;

document.getElementById("number").innerHTML=number.fontcolor(white);

break;

case counter> 0;

document.getElementById("number").innerHTML=number.fontcolor(green);

break;

case counter< 0;

document.getElementById("number").innerHTML=number.fontcolor(red);

break;

} //end switch

} //end display

I suspect that what I'm doing totally wrong has to do with how I'm describing the case or with calling one function inside another function, since it works up until I start messing with that (had the document.getElementByID stuff in the countUp, countDown, etc., functions before) but I don't know. Thanks in advance for any help you can offer.