<html> <head> <script src="https://cdn.firebase.com/js/client/2.1.1/firebase.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> </head> <body> <h1>Realtek Google Nest API example</h1> <hr /> <h3 style="text-align:center;margin-left:auto;margin-right:auto;">Data To Device</h3> <h4>Input the value of RGB to change the state of light:</h4> <p>Red <input type="text" id="redInput" placeholder="Red" /> Green <input type="text" id="greenInput" placeholder="Green" /> Blue <input type="text" id="blueInput" placeholder="Blue" /> <input type="button" value="submit" name="submit" onClick="submit()" /> </p> <script> var myDataRef = new Firebase('https://your_firebase_address.firebaseio.com/light'); function submit() { var red = $('#redInput').val(); var green = $('#greenInput').val(); var blue = $('#blueInput').val(); myDataRef.set({ Red: red, Green: green, Blue: blue }); }; </script> </body> </html>