Bestimmte Zahlen farbig
Hallo,
Ich möchte gerne bestimmte Zahlen auf meiner Seite farbig machen (z.B. 155 in Rot). Dies ist nun ja ganz einfach aber da sich immer die Zahlen ändern, weil durch die API verschiedene Spielerzahlen anzeigen wird das schwer, da niedrige zahlen grün sein sollten und mittlere orange und hohe rot
Der hier verwendete Code
<style>
.deine_zahl{
font-weight:900;
font-size:20px;
}
</style>
<span>Gebe eine Zahl an <input id="auswahl" type="text" maxlength="2" min="0" max="100"> Farben ändern sich ab 20,40,60,80</span>
<p> Hier ist ein Text und ab und zu nee Zahl <br>die du farblich ändern möchtest.
Zahl <span class="deine_zahl">0</span>.<br>
Da die Zahlen klassen haben und auch die gleichen Klassen werden<br>
Zahl <span class="deine_zahl">0</span> alle Zahlern gleichzeitig farblich geändert<br>
Zahl
<span class="deine_zahl">0</span> . Wenn jede Zahl eine andere Farbe haben soll muß man das halt über id's machen</p>
<script>
menge=document.querySelectorAll('.deine_zahl');
inp=document.getElementById('auswahl');
inp.addEventListener('change',los);
inp.addEventListener('click',los);
inp.addEventListener('keyup',los);
function los(){
zahl=inp.value;
if(zahl<=20){
color='red';
}else
if(zahl<=40){
color='orange';
}else
if(zahl<=60){
color='yellow';
}else
if(zahl<=80){
color='green';
} else
if(zahl<=100){
color='blue';
}
for(a=0;a<=menge.length-1;a++){
klass=document.getElementsByClassName('deine_zahl');
klass[a].style.color=color;
klass[a].innerHTML=zahl;
}
}
</script>