Primer05

Dodatna gumba

V datoteki primer05.html dodamo kodo za dodatna gumba:

<button id="gumbPrižgi2" onClick="prižgi2()">Prižgi O</button>

<button id="gumbUgasni2" onClick="ugasni2()">Ugasni O</button>

V html datoteki dodamo dve novi funkciji, ki jih sprožimo ob pritisku na gornja gumba:

function prižgi2 () {

    socket.emit("ukazArduinu", 3); // na strežnik pošljem 1

function ugasni2 () {

    socket.emit("ukazArduinu", 2); // na strežnik pošljem 0

Gornja koda tako ob pritisku na drugi par gumbov pošlje na strežnik sporočilo "ukazArduinu", tokrat s parametroma 2 oz. 3, kar bomo na strani strežnika upoštevali kot izklop druge svetleče diode oz. vklop le-te.

Na strani strežnika moramo upoštevati nova parametra, ki sta posredovana ob sporočilu "ukazArduinu", t.j. v datoteki primer05.js

socket.on("ukazArduinu", function(štUkaza) {

        if (štUkaza == "1") {

            board.digitalWrite(13, board.HIGH); // zapišemo +5V na pin 13

        if (štUkaza == "0") {

            board.digitalWrite(13, board.LOW); // zapišemo 0V na pin13

        if (štUkaza == "3") {

            board.digitalWrite(8, board.HIGH); // zapišemo +5V na pin 8

        if (štUkaza == "2") {

            board.digitalWrite(8, board.LOW); // zapišemo 0V na pin8

});

Tokrat je izgled uporabniškega vmesnika naslednji:

Google Sites

Report abuse