hborrelli1/bottle-counter.html

## bottle-counter.html
<!DOCTYPE html>
<html>
	<body>

		<p id="startDate"></p>
		<p id="currentDate"></p>
		<p id="difference"></p>
		<p id="days"></p>
		<p id="minutes"></p>
		<p id="minSimplified"></p>
		<p id="bottlesSaved"></p>
		<p id="counter"></p>
		<p id="liveCount"></p>


		<script>
			var ogDate = new Date("January 20, 2018 11:13:00"); // Start Date
			var currentDate = new Date(); // Current Date
			var ogBottleCount = 31876105; // Number of bottles that have already been saved
			var dateDifference = currentDate - ogDate; // date difference in Milliseconds
			var seconds =  dateDifference / 1000; // Converted into seconds
			var minutes = seconds / 60; // converted into minutes -
			var minutesAndSeconds = minutes.toFixed(2); // Rounding to two decimal places
			var minStringToNum = parseInt(minutesAndSeconds); // Converting string back to number
			var minSinceOgDate = minStringToNum; // Re-naming variable
			var bottlePerMin = 25.69; // Amount of plastic bottles that FloWater Saves every minute
			var bottlePerSec = .4281;
			// var totalBottleSavings = minSincseceOgDate * bottlePerMin; // Number of minutes since start date * 25.69 BPM
			var totalBottleSavings = seconds * bottlePerSec; // Number of minutes since start date * 25.69 BPM
			var bottlesSavedAll = totalBottleSavings + ogBottleCount; // Number of bottles saved since start + Original Bottle count
			var wholeNumBottlesSaved = bottlesSavedAll.toFixed(); // Total # of bottles saved converted to whole number

			var liveCount = window.setInterval(autoCount, 1000); // update number every second
			function autoCount() {
				 console.log(wholeNumBottlesSaved);
			}

			document.getElementById("startDate").innerHTML = "<strong>Original Date: </strong>" + ogDate;
			document.getElementById("currentDate").innerHTML = "<strong>Current Date: </strong>" + currentDate;
			document.getElementById("difference").innerHTML = "<strong>Date Difference in milliseconds: </strong>" + dateDifference;
			document.getElementById("days").innerHTML = "<strong>Number of seconds since origin: </strong>" + seconds;
			document.getElementById("minutes").innerHTML = "<strong>Number of minutes since origin: </strong>" + minutes;
			document.getElementById("minSimplified").innerHTML = "<strong>Number of minutes simplified since origin: </strong>" + minutesAndSeconds;
			document.getElementById("bottlesSaved").innerHTML = "<strong>Number of bottles saved: </strong>" + wholeNumBottlesSaved;
			document.getElementById("liveCount").innerHTML = "<strong>Live Count: </strong>" + liveCount;

		</script>

	</body>
</html>
	<!DOCTYPE html>
	<html>
	<body>

	<p id="startDate"></p>
	<p id="currentDate"></p>
	<p id="difference"></p>
	<p id="days"></p>
	<p id="minutes"></p>
	<p id="minSimplified"></p>
	<p id="bottlesSaved"></p>
	<p id="counter"></p>
	<p id="liveCount"></p>


	<script>
	var ogDate = new Date("January 20, 2018 11:13:00"); // Start Date
	var currentDate = new Date(); // Current Date
	var ogBottleCount = 31876105; // Number of bottles that have already been saved
	var dateDifference = currentDate - ogDate; // date difference in Milliseconds
	var seconds = dateDifference / 1000; // Converted into seconds
	var minutes = seconds / 60; // converted into minutes -
	var minutesAndSeconds = minutes.toFixed(2); // Rounding to two decimal places
	var minStringToNum = parseInt(minutesAndSeconds); // Converting string back to number
	var minSinceOgDate = minStringToNum; // Re-naming variable
	var bottlePerMin = 25.69; // Amount of plastic bottles that FloWater Saves every minute
	var bottlePerSec = .4281;
	// var totalBottleSavings = minSincseceOgDate * bottlePerMin; // Number of minutes since start date * 25.69 BPM
	var totalBottleSavings = seconds * bottlePerSec; // Number of minutes since start date * 25.69 BPM
	var bottlesSavedAll = totalBottleSavings + ogBottleCount; // Number of bottles saved since start + Original Bottle count
	var wholeNumBottlesSaved = bottlesSavedAll.toFixed(); // Total # of bottles saved converted to whole number

	var liveCount = window.setInterval(autoCount, 1000); // update number every second
	function autoCount() {
	console.log(wholeNumBottlesSaved);
	}

	document.getElementById("startDate").innerHTML = "<strong>Original Date: </strong>" + ogDate;
	document.getElementById("currentDate").innerHTML = "<strong>Current Date: </strong>" + currentDate;
	document.getElementById("difference").innerHTML = "<strong>Date Difference in milliseconds: </strong>" + dateDifference;
	document.getElementById("days").innerHTML = "<strong>Number of seconds since origin: </strong>" + seconds;
	document.getElementById("minutes").innerHTML = "<strong>Number of minutes since origin: </strong>" + minutes;
	document.getElementById("minSimplified").innerHTML = "<strong>Number of minutes simplified since origin: </strong>" + minutesAndSeconds;
	document.getElementById("bottlesSaved").innerHTML = "<strong>Number of bottles saved: </strong>" + wholeNumBottlesSaved;
	document.getElementById("liveCount").innerHTML = "<strong>Live Count: </strong>" + liveCount;

	</script>

	</body>
	</html>