week9_web_interface.html


<!doctype html>
<html class="no-js" lang="en">
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	
<title>PHYS S-12: Introduction to Digital Fabrication</title>
</head>

<body>

	 <button id="turn-on" name="turnon">Turn On</button>
	 <button id="turn-off" name="turnoff">Turn Off</button>

	<!-- The core Firebase JS SDK is always required and must be listed first -->
	<script src="https://www.gstatic.com/firebasejs/8.7.1/firebase-app.js"></script>

    <script src="https://www.gstatic.com/firebasejs/8.7.1/firebase-database.js"></script>

	<script>
        // Your web app's Firebase configuration
        var firebaseConfig = {
        apiKey: "AIzaSyCSU4eqfmjl8ct1_muq15jY_HvgewOl5hc",
        authDomain: "acontroller-aadb8.firebaseapp.com",
        databaseURL: "https://acontroller-aadb8-default-rtdb.europe-west1.firebasedatabase.app",
        projectId: "acontroller-aadb8",
        storageBucket: "acontroller-aadb8.appspot.com",
        messagingSenderId: "294278776633",
        appId: "1:294278776633:web:86f36875c9717fda658ae8"
    };
		// Initialize Firebase
	firebase.initializeApp(firebaseConfig);

	// Get a database reference to our blog
	var ref = firebase.database().ref("/");

	// make the buttons call the function below 
	document.getElementById('turn-on').addEventListener('click', turnOn, false);
	document.getElementById('turn-off').addEventListener('click', turnOff, false);

	function turnOn(){
		console.log("turning on");
		ref.update({
			"LED_STATUS": "ON"
		});
	}

	function turnOff(){
		console.log("turning off");
		ref.update({
			"LED_STATUS": "OFF"
		});
	}	
</script>

</body>