<!DOCTYPE HTML>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<body>
<span id="temp"></span><br>
<span id="tstamp"></span><br>
<button id="connectbutton" onclick="start()">Read Temp</button>
<script type="text/javascript">
function start(objButton) {
document.getElementById("temp").innerHTML = "Waiting for data...";
document.getElementById("tstamp").innerHTML ="";
var deviceID = "50ff69065067545645190487";
var accessToken = "cbb3eed8d3734fd58f816ee6515100215f5e7149";
var varName = "temperature";
requestURL = "https://api.spark.io/v1/devices/" + deviceID + "/" + varName + "/?access_token=" + accessToken;
$.getJSON(requestURL, function(json) {
document.getElementById("temp").innerHTML = json.result + "° F";
document.getElementById("temp").style.fontSize = "28px";
document.getElementById("tstamp").innerHTML = json.coreInfo.last_heard;
});
}
</script>
</body>
</html>