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>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!