Hallo,
Ich suche eine Lösung für folgendes Problem:
Ich habe in HTML einen Slider erstellt. Dieser gibt Werte von der Zahl 5 beginnend in Fünferschritten fortlaufend bis zur Zahl 90 an.
Wenn ich den Regler auf 5 Stelle soll mit 0,08 gerechnet werden.
Wenn ich den Regler auf 10 Stelle soll mit 0,17 gerechnet werden.
Wenn ich den Regler auf 15 Stelle soll mit 0,26 gerechnet werden.
Wenn ich den Regler auf 20 Stelle soll mit 0,34 gerechnet werden.
Wenn ich den Regler auf 25 Stelle soll mit 0,42 gerechnet werden.
Wenn ich den Regler auf 30 Stelle soll mit 0,50 gerechnet werden.
Wenn ich den Regler auf 35 Stelle soll mit 0,57 gerechnet werden.
Wenn ich den Regler auf 40 Stelle soll mit 0,64 gerechnet werden.
Wenn ich den Regler auf 45 Stelle soll mit 0,71 gerechnet werden.
Wenn ich den Regler auf 50 Stelle soll mit 0,77 gerechnet werden.
Wenn ich den Regler auf 55 Stelle soll mit 0,82 gerechnet werden.
Wenn ich den Regler auf 60 Stelle soll mit 0,87 gerechnet werden.
Wenn ich den Regler auf 65 Stelle soll mit 0,90 gerechnet werden.
Wenn ich den Regler auf 70 Stelle soll mit 0,94 gerechnet werden.
Wenn ich den Regler auf 75 Stelle soll mit 0,96 gerechnet werden.
Wenn ich den Regler auf 80 Stelle soll mit 0,98 gerechnet werden.
Wenn ich den Regler auf 85 Stelle soll mit 0,99 gerechnet werden.
Wenn ich den Regler auf 90 Stelle soll mit 1,00 gerechnet werden.
Der geänderte Wert soll mir dann zudem noch angezeigt werden, damit ich sehen, dass er auch wirklich geändert wurde.
Meine Codezeilen lauten wie folgt:
Ich hoffe, dass ihr mir helfen könnt, da ich ein kompletter Neuling in Sachen programmieren bin.
Gruß Simon
Ich suche eine Lösung für folgendes Problem:
Ich habe in HTML einen Slider erstellt. Dieser gibt Werte von der Zahl 5 beginnend in Fünferschritten fortlaufend bis zur Zahl 90 an.
Wenn ich den Regler auf 5 Stelle soll mit 0,08 gerechnet werden.
Wenn ich den Regler auf 10 Stelle soll mit 0,17 gerechnet werden.
Wenn ich den Regler auf 15 Stelle soll mit 0,26 gerechnet werden.
Wenn ich den Regler auf 20 Stelle soll mit 0,34 gerechnet werden.
Wenn ich den Regler auf 25 Stelle soll mit 0,42 gerechnet werden.
Wenn ich den Regler auf 30 Stelle soll mit 0,50 gerechnet werden.
Wenn ich den Regler auf 35 Stelle soll mit 0,57 gerechnet werden.
Wenn ich den Regler auf 40 Stelle soll mit 0,64 gerechnet werden.
Wenn ich den Regler auf 45 Stelle soll mit 0,71 gerechnet werden.
Wenn ich den Regler auf 50 Stelle soll mit 0,77 gerechnet werden.
Wenn ich den Regler auf 55 Stelle soll mit 0,82 gerechnet werden.
Wenn ich den Regler auf 60 Stelle soll mit 0,87 gerechnet werden.
Wenn ich den Regler auf 65 Stelle soll mit 0,90 gerechnet werden.
Wenn ich den Regler auf 70 Stelle soll mit 0,94 gerechnet werden.
Wenn ich den Regler auf 75 Stelle soll mit 0,96 gerechnet werden.
Wenn ich den Regler auf 80 Stelle soll mit 0,98 gerechnet werden.
Wenn ich den Regler auf 85 Stelle soll mit 0,99 gerechnet werden.
Wenn ich den Regler auf 90 Stelle soll mit 1,00 gerechnet werden.
Der geänderte Wert soll mir dann zudem noch angezeigt werden, damit ich sehen, dass er auch wirklich geändert wurde.
Meine Codezeilen lauten wie folgt:
Java:
HTML:[/B]
<label for="angle-slider">Vertikalwinkel ( α ):</label>
<div class="slider-container">
<input type="range" id="angle-slider" name="angle-slider" min="5" max="90" step="5" value="90" style="background-color: green;" oninput="updateSliderValue(this.value)">
<span id="angle-slider-value">90</span>
</div>
<script>
function updateSliderValue(sliderVal) {
let convertedVal = 1.00;
if (sliderVal == 5 ) {convertedVal = 0.08;}
else if (sliderVal == 10) {convertedVal = 0.17;}
else if (sliderVal == 15) {convertedVal = 0.26;}
else if (sliderVal == 20) {convertedVal = 0.34;}
else if (sliderVal == 25) {convertedVal = 0.42;}
else if (sliderVal == 30) {convertedVal = 0.50;}
else if (sliderVal == 35) {convertedVal = 0.57;}
else if (sliderVal == 40) {convertedVal = 0.64;}
else if (sliderVal == 45) {convertedVal = 0.71;}
else if (sliderVal == 50) {convertedVal = 0.77;}
else if (sliderVal == 55) {convertedVal = 0.82;}
else if (sliderVal == 60) {convertedVal = 0.87;}
else if (sliderVal == 65) {convertedVal = 0.90;}
else if (sliderVal == 70) {convertedVal = 0.94;}
else if (sliderVal == 75) {convertedVal = 0.96;}
else if (sliderVal == 80) {convertedVal = 0.98;}
else if (sliderVal == 85) {convertedVal = 0.99;}
else if (sliderVal == 90) {convertedVal = 1.00;}
document.getElementById("angle-slider-value").textContent = sliderVal;
document.getElementById("converted-value").textContent = convertedVal.toFixed(2);
}
</script>
<div>zum Rechnen: <span id="converted-value">1.00</span></div>
[B]
Ich hoffe, dass ihr mir helfen könnt, da ich ein kompletter Neuling in Sachen programmieren bin.
Gruß Simon