Arduino+ HTML
hi everyone
please me, doing websever connect between arduino , html code. created using html code however, register them id button. not know how connect html id arduino id. there other way use button make work "password"
#include <esp8266wifi.h>
const char* ssid = "daniel639"; //ssid of access point
const char* password = "falcon12345"; //password
int ledpin = d4; //led output pin assigned d12
int randnumber(1) ;
int lockdoor, unlockdoor; //ocking , unlocking variable
char value;
wifiserver server(80);
void setup() {
serial.begin(115200);
delay(10);
pinmode(ledpin, output);
digitalwrite(ledpin, low);
// connect wifi network
serial.println();
serial.println();
serial.print("connecting ");
serial.println(ssid);
wifi.begin(ssid, password);
while (wifi.status() != wl_connected) {
delay(500);
serial.print(".");
}
serial.println("");
serial.println("wifi connected");
// start server
server.begin();
serial.println("server started");
// print ip address
serial.print("use url connect: ");
serial.print("http://");
serial.print(wifi.localip());
serial.println("/");
randomseed(analogread(0));
}
void loop() {
// check if client has connected
wificlient client = server.available();
if (!client) {
return;
}
// wait until client sends data
serial.println("new client");
while (!client.available()) {
delay(1);
}
//generating random numbers
randnumber = random(0, 9);
serial.println(randnumber);
//prompt users enter code
// read first line of request
string request = client.readstringuntil('\r');
serial.println(request);
client.flush();
// match request
int door ;
if (request.indexof("/door=lockdoor") != -1) {
digitalwrite(ledpin, high);
value = lockdoor;
}
if (request.indexof("/door=unlockdoor") != -1) {
digitalwrite(ledpin, low);
value = unlockdoor;
}
if (request.indexof("/randomcode=generate") != -1) {
randnumber = random(0, 9);
serial.println(randnumber);
}
// set ledpin according request
//digitalwrite(ledpin, value);
// return response
client.println("http/1.1 200 ok");
client.println("content-type: text/html");
client.println(""); // not forget one
client.println("<!doctype html>");
client.println("<html>");
client.println("please enter password here");
client.println("<br>");
client.println("singapore polytechnic");
client.println("<br>");
client.println("door status: ");
if (value == lockdoor) {
client.print("lock");
} else if (value == unlockdoor) {
client.print("unlock");
}
client.println("<br><br>");
client.println("<a href=\"/door=lockdoor\"><button>lock</button></a> <a href=\"/door=unlockdoor\"><button>unlock</button></a></p>");
client.println("<a href=\"/randomcode=generate\"><button>generating randomcode</button></a> ");
client.println("<br><br><br>");
client.println(randnumber);
client.println("<br>");
client.println("<br>");
client.println("<br>");
client.println(" <button type=\"button\"\onclick=\"onebutton()\">1</button>");
client.println(" <button type=\"button\"\onclick=\"twobutton()\">2</button>");
client.println(" <button type=\"button\"\onclick=\"threebutton()\">3</button>");
client.println("<br>");
client.println(" <button type=\"button\"\onclick=\"fourbutton()\">4</button>");
client.println(" <button type=\"button\"\onclick=\"fivebutton()\">5</button>");
client.println(" <button type=\"button\"\onclick=\"sixbutton()\">6</button>");
client.println("<br>");
client.println(" <button type=\"button\"\onclick=\"sevenbutton()\">7</button>");
client.println(" <button type=\"button\"\onclick=\"eightbutton()\">8</button>");
client.println(" <button type=\"button\"\onclick=\"ninebutton()\">9</button>");
client.println("<br>");
client.println(" <button type=\"button\"\onclick=\"tenbutton()\">0</button>");
client.println("</html>");
delay(1);
serial.println("client disonnected");
serial.println("");
}
please me, doing websever connect between arduino , html code. created using html code however, register them id button. not know how connect html id arduino id. there other way use button make work "password"
#include <esp8266wifi.h>
const char* ssid = "daniel639"; //ssid of access point
const char* password = "falcon12345"; //password
int ledpin = d4; //led output pin assigned d12
int randnumber(1) ;
int lockdoor, unlockdoor; //ocking , unlocking variable
char value;
wifiserver server(80);
void setup() {
serial.begin(115200);
delay(10);
pinmode(ledpin, output);
digitalwrite(ledpin, low);
// connect wifi network
serial.println();
serial.println();
serial.print("connecting ");
serial.println(ssid);
wifi.begin(ssid, password);
while (wifi.status() != wl_connected) {
delay(500);
serial.print(".");
}
serial.println("");
serial.println("wifi connected");
// start server
server.begin();
serial.println("server started");
// print ip address
serial.print("use url connect: ");
serial.print("http://");
serial.print(wifi.localip());
serial.println("/");
randomseed(analogread(0));
}
void loop() {
// check if client has connected
wificlient client = server.available();
if (!client) {
return;
}
// wait until client sends data
serial.println("new client");
while (!client.available()) {
delay(1);
}
//generating random numbers
randnumber = random(0, 9);
serial.println(randnumber);
//prompt users enter code
// read first line of request
string request = client.readstringuntil('\r');
serial.println(request);
client.flush();
// match request
int door ;
if (request.indexof("/door=lockdoor") != -1) {
digitalwrite(ledpin, high);
value = lockdoor;
}
if (request.indexof("/door=unlockdoor") != -1) {
digitalwrite(ledpin, low);
value = unlockdoor;
}
if (request.indexof("/randomcode=generate") != -1) {
randnumber = random(0, 9);
serial.println(randnumber);
}
// set ledpin according request
//digitalwrite(ledpin, value);
// return response
client.println("http/1.1 200 ok");
client.println("content-type: text/html");
client.println(""); // not forget one
client.println("<!doctype html>");
client.println("<html>");
client.println("please enter password here");
client.println("<br>");
client.println("singapore polytechnic");
client.println("<br>");
client.println("door status: ");
if (value == lockdoor) {
client.print("lock");
} else if (value == unlockdoor) {
client.print("unlock");
}
client.println("<br><br>");
client.println("<a href=\"/door=lockdoor\"><button>lock</button></a> <a href=\"/door=unlockdoor\"><button>unlock</button></a></p>");
client.println("<a href=\"/randomcode=generate\"><button>generating randomcode</button></a> ");
client.println("<br><br><br>");
client.println(randnumber);
client.println("<br>");
client.println("<br>");
client.println("<br>");
client.println(" <button type=\"button\"\onclick=\"onebutton()\">1</button>");
client.println(" <button type=\"button\"\onclick=\"twobutton()\">2</button>");
client.println(" <button type=\"button\"\onclick=\"threebutton()\">3</button>");
client.println("<br>");
client.println(" <button type=\"button\"\onclick=\"fourbutton()\">4</button>");
client.println(" <button type=\"button\"\onclick=\"fivebutton()\">5</button>");
client.println(" <button type=\"button\"\onclick=\"sixbutton()\">6</button>");
client.println("<br>");
client.println(" <button type=\"button\"\onclick=\"sevenbutton()\">7</button>");
client.println(" <button type=\"button\"\onclick=\"eightbutton()\">8</button>");
client.println(" <button type=\"button\"\onclick=\"ninebutton()\">9</button>");
client.println("<br>");
client.println(" <button type=\"button\"\onclick=\"tenbutton()\">0</button>");
client.println("</html>");
delay(1);
serial.println("client disonnected");
serial.println("");
}
please correct post above , add code tags around code:
[code] // code here [/code].
it should this:
(also press ctrl-t (pc) or cmd-t (mac) in ide before copying indent code properly)
what's blank lines?
could try rephrase trying achieve without code. what's behavior want see. user do, on what?
[code] // code here [/code].
it should this:
code: [select]
// code here(also press ctrl-t (pc) or cmd-t (mac) in ide before copying indent code properly)
what's blank lines?
could try rephrase trying achieve without code. what's behavior want see. user do, on what?
Arduino Forum > Using Arduino > Programming Questions > Arduino+ HTML
arduino
Comments
Post a Comment