Minor additions

Author: shahlin

Presentation.pptx

@@ -119,6 +119,20 @@ The following code gets the latitude and longitutde of the user's location and o
 			// Display the latitude and longitude on the paragraph
 			document.getElementById('location').innerHTML = pos.coords.latitude + ", " + pos.coords.longitude;
 		});
+		
+		// Check for change in position
+		id = navigator.geolocation.watchPosition(
+					// On success
+					function(pos){
+						// Do something when the location is changed
+						console.log('Changed');
+					},
+					
+					// On error
+					function(){
+						console.log('Error');
+					}
+				);
 	</script>
 </html>
 
@@ -179,6 +193,8 @@ The following code combines the two APIs (Screen Orientation and Vibration) to m
 			 vibration events at any time until the page is refreshed or destroyed.
 		-->
 		<button onclick="navigator.vibrate(0);" id="btn">Allow Vibrate</button>
+
+		<p id="orient"></p>
 	</body>
 	<script>
 		// Add an event listener to check for a change in the orientation
@@ -188,15 +204,21 @@ The following code combines the two APIs (Screen Orientation and Vibration) to m
 			// 0 -> Straight/Portrait
 			// 90 -> Tilted to left
 			if(window.orientation == -90){
+				// Display tilt side on webpage
+				document.getElementById('orient').innerHTML = "Tilted Right";
+				
 				// Vibrate for 10 seconds
 				navigator.vibrate(10000);
 			} else if(window.orientation == 90){
+				document.getElementById('orient').innerHTML = "Tilted Left";
+
 				// Stop the vibration
 				navigator.vibrate(0);
 			}
 		});
 	</script>
 </html>
+
 ```
 
 For reference, visit [Screen Orientation API](https://developer.mozilla.org/en-US/docs/Web/API/CSS_Object_Model/Managing_screen_orientation) and [Vibration API](https://developer.mozilla.org/en-US/docs/Web/API/Vibration_API).
@@ -463,6 +485,11 @@ The codes below demonstrate how a user's copied text can be stored locally in cl
                 },
             );
         }
+
+        // Detect when text is copied
+        document.addEventListener('copy', function(e){
+            alert('copied');
+        });
     </script>
 </html>
 ```

README.md

@@ -27,7 +27,13 @@ <h3 id="battery_charging"></h3>
 			document.getElementById('battery_discharge').innerHTML = battery.dischargingTime / 60 / 60; // Get time in hours
 
 			// Displays if battery is charging (Yes!) or not (No)
-			document.getElementById('battery_charging').innerHTML = (battery.charging ==  true) ? 'Yes!' : 'No';
+			document.getElementById('battery_charging').innerHTML = battery.charging ? 'Yes!' : 'No';
+
+			// Check for a battery level change
+			battery.addEventListener('levelchange', function(){
+				// Do something when battery level changes
+				alert('Changed');
+			});
 		});
 	</script>
-</html>
+</html>

battery.html

@@ -99,5 +99,10 @@
                 },
             );
         }
+
+        // Detect when text is copied
+        document.addEventListener('copy', function(e){
+            alert('copied');
+        });
     </script>
 </html>

clipb_db.html

@@ -38,7 +38,7 @@
 
             // Draw ellipse
             fill(255, 0, 0);
-            ellipse(xpos, ypos, 25, 25);
+            ellipse(xpos, ypos, 50, 50);
 
             // Display variables
             fill(0);

dev_motion.html

@@ -12,5 +12,19 @@
 			// Display the latitude and longitude on the paragraph
 			document.getElementById('location').innerHTML = pos.coords.latitude + ", " + pos.coords.longitude;
 		});
+		
+		// Check for change in position
+		id = navigator.geolocation.watchPosition(
+					// On success
+					function(pos){
+						// Do something when the location is changed
+						console.log('Changed');
+					},
+					
+					// On error
+					function(){
+						console.log('Error');
+					}
+				);
 	</script>
 </html>

geoloc.html

@@ -14,6 +14,8 @@
 			 vibration events at any time until the page is refreshed or destroyed.
 		-->
 		<button onclick="navigator.vibrate(0);" id="btn">Allow Vibrate</button>
+
+		<p id="orient"></p>
 	</body>
 	<script>
 		// Add an event listener to check for a change in the orientation
@@ -23,9 +25,14 @@
 			// 0 -> Straight/Portrait
 			// 90 -> Tilted to left
 			if(window.orientation == -90){
+				// Display tilt side on webpage
+				document.getElementById('orient').innerHTML = "Tilted Right";
+				
 				// Vibrate for 10 seconds
 				navigator.vibrate(10000);
 			} else if(window.orientation == 90){
+				document.getElementById('orient').innerHTML = "Tilted Left";
+
 				// Stop the vibration
 				navigator.vibrate(0);
 			}

orient.html

@@ -11,7 +11,7 @@
 			// Check if the tab has gone out of focus or is hidden
 			if(document.hidden){
 				// Tab is hidden
-				document.title = "COME BACK!";	
+				document.title = "COME BACK!";
 			} else {
 				// Tab is visible
 				document.title = "Yay!";