index.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4     <meta charset="UTF-8" />
   5 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   6 <style>
   7     body{background-color: green;}
   8 </style>
   9 </head>
  10 <body>
  11 <form action="./lighton">
  12 <input type="submit" value="Cat on" />
  13 </form>
  14 <form action="./lightoff" />
  15 <input type="submit" value="Cat off" />
  16 </form>
  17 <form action="./redon">
  18 <input type="submit" value="Red on"/>
  19 </form>
  20 <form action="./redoff">
  21 <input type="submit" value="Red off"/>
  22 </form>
  23 <form action="./greenon">
  24 <input type="submit" value="Green on"/>
  25 </form>
  26 <form action="./greenoff">
  27 <input type="submit" value="Green off"/>
  28 </form>
  29 <p>Cat is {state}</p>
  30 <p>Red is {Rstate}</p>
  31 <p>Green is {Gstate}</p>
  32 </body>
  33 </html>