2017-04-14 1 views
1

Ich bin ein Anfänger insgesamt von HTML und JavaScript, trotzdem versuche ich ein Meter in meinem Code mit einem Wert von einem Arduino zu aktualisieren.Ändern Meterwert dynamisch

Es funktioniert im ursprünglichen Code mit Aktualisierungsnummern (erste Zeile des Codes), aber ich möchte den Wert in einem Meter angezeigt haben. Dieser Code funktioniert, aber ich möchte den statischen Wert "100" im Zähler ändern, da er hier den Wert von "P1" erhält. Ich habe viele Dinge ausprobiert, aber nichts funktioniert (das ist wahrscheinlich einfach, aber ich bin es) ein Anfänger), würde sich über Hilfe freuen.

<li>State of POT: <span id="P1" class="highlight">...</span>. To update this value, rotate the knob of POT.</li> 


<script> 
swduino_stream("P","P1","onoff_led"); 

function onoff_led(value) 
{ 

document.getElementById("myMeter").setAttribute("value","100"); 
} 
</script> 

<p>Panna: <meter id="myMeter" min="0" low="245" high="250" max="280" value="0"></meter></p> 

Antwort

0

Ihre onoff_led-Funktion haben Sie überprüft, was eingestellt ist?

Wenn der aktuelle Wert gesendet wird, können Sie einfach Ihr Update für myMeter ändern, um den Wert mit Ihrem an die Funktion gesendeten Wertparameter zu aktualisieren.

function onoff_led(value) 
{ 

document.getElementById("myMeter").setAttribute("value", value); 
} 

Wenn Sie nicht überprüfen, was die onoff_led Funktion heißt debug empfängt, weil es inline Javascript ist dann eine separate JavaScript-Datei erstellen, die die Funktion enthält, und dass auf der Seite oben zu laden. Sie können dann einen Unterbrechungspunkt festlegen, um herauszufinden, was für die Funktion eingestellt ist.

+0

Hallo Andy, vielen Dank das hat es wirklich geschafft. Ich habe deine Hilfe sehr geschätzt und jetzt kann ich in meinem Projekt weitermachen. – Svempa

+0

@Svempa Gute Nachrichten, wenn Sie dies als die richtige Antwort markieren können. Es wird mir viel Rep geben und auch die Frage schließen :) Alles Gute mit dem Projekt. –