Prateek Sharma
Published

Control Panel for Headlight and Horn of Electronic Car

A simple project using Bolt module, basic components and HTML to create IOT platform for headlight and horn of electronic car.

BeginnerFull instructions provided2 hours250
Control Panel for Headlight and Horn of Electronic Car

Things used in this project

Story

Read more

Schematics

Circuit Diagram

Code

HTML Code

HTML
Use this HTML code when configuring the product in Bolt Cloud.
<html>
    <head>
        <title>Bolt IoT Platform</title>
        <script type="text/javascript" src="https://cloud.boltiot.com/static/js/boltCommands.js"></script>
        <script>
        setKey('{{ApiKey}}','{{Name}}');
        </script>
    </head>
    <body bgcolor="black">
        <br>
        <center>
        <u><font color="white" face="Century Gothic" size="6">Vehicle Control Panel</font></u>
        <br>
        <br>
        <font color="white" face="Century Gothic" size="3">Left Headlight</font>
        <br>
        <button onclick="digitalWrite(1, 'HIGH');">ON</button>
        <button onclick="digitalWrite(1, 'LOW');">OFF</button>
        <br>
        <br>
        <font color="white" face="Century Gothic" size="3">Right Headlight</font>
        <br>
        <button onclick="digitalWrite(3, 'HIGH');">ON</button>
        <button onclick="digitalWrite(3, 'LOW');">OFF</button>
        <br>
        <br>
        <font color="white" face="Century Gothic" size="3">Horn Toggle</font>
        <br>
        <button onclick="digitalWrite(2, 'HIGH');">ON</button>
        <button onclick="digitalWrite(2, 'LOW');">OFF</button>
        </center>
    </body>
</html>

Credits

Prateek Sharma

Prateek Sharma

1 project • 0 followers

Comments