mardi 17 juillet 2018

In Javascript how can I combine a function change() with an IF statement?

I believe there may be a simple solution to what I am looking for using Javascript. I am wanting to make my function change(name) so that it includes PoolShape == "Rectangle",PoolShape == "Oval",PoolShape == "Round", and PoolShape == "Oblong" for the appropriate document.getElementById('')

Here are my actual functions that I require combining:

function change(name) {
document.getElementById('Rectangle-container').style.display = 'none';
document.getElementById('Oval-container').style.display = 'none';
document.getElementById('Round-container').style.display = 'none';
document.getElementById('Oblong-container').style.display = 'none';
document.getElementById(name).style.display='block';
}


if (PoolShape == "Rectangle") {
document.getElementById("ResultsTotalLiters").innerHTML = RectangleTotalLiters;
document.getElementById("ResultsTurnoverTime").innerHTML = RectangleTurnoverTime;
document.getElementById("ResultsTotalTurnovers").innerHTML = RectangleTotalTurnovers;
}
else if (PoolShape == "Oval") {
document.getElementById("ResultsTotalLiters").innerHTML = OvalTotalLiters;
document.getElementById("ResultsTurnoverTime").innerHTML = OvalTurnoverTime;
document.getElementById("ResultsTotalTurnovers").innerHTML = OvalTotalTurnovers;
}
else if (PoolShape == "Round") {
document.getElementById("ResultsTotalLiters").innerHTML = RoundTotalLiters;
document.getElementById("ResultsTurnoverTime").innerHTML = RoundTurnoverTime;
document.getElementById("ResultsTotalTurnovers").innerHTML = RoundTotalTurnovers;
}
else if (PoolShape == "Oblong") {
document.getElementById("ResultsTotalLiters").innerHTML = OblongTotalLiters;
document.getElementById("ResultsTurnoverTime").innerHTML = OblongTurnoverTime;
document.getElementById("ResultsTotalTurnovers").innerHTML = OblongTotalTurnovers;
}

Here is a small example of what it is I am looking for (Although I know this would not work):

function change(name) {
    document.getElementById('Rectangle-container').style.display = 'none' & PoolShape == "Rectangle";
    document.getElementById('Oval-container').style.display = 'none' & PoolShape == "Oval";
    document.getElementById('Round-container').style.display = 'none' & PoolShape == "Round";
    document.getElementById('Oblong-container').style.display = 'none' & PoolShape == "Oblong";
    document.getElementById(name).style.display='block';
    }

And then afterwards my if else statements should still work fine, am I correct? Or even better would be a way to include what is inside the if else statements to the function change() too! But I am also unsure how to do this.

Aucun commentaire:

Enregistrer un commentaire