Using javascript to display data

decoy5657 · January 22, 2016, 3:28am

I’m not sure where to ask this because there’s so much I don’t know yet.

I have some Arduino background but Javascript is completely foreign to me. I have a particle photon and have some projects in mind. For the time being I want to learn how to simply display data on a web page. For example, is this switch open or closed? What is the value of this sensor? etc.

I am working my way through this book: “Getting Started with the Photon
Making Things with the Affordable, Compact, Hackable WiFi Module”

This is the firmware running on the device:
https://raw.githubusercontent.com/simonmonk/photon_book/master/firmware/examples/p_09_Lightmeter.cpp

This is the html on my page:

github.com

simonmonk/photon_book/blob/master/html/p_09_light_meter.html

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="raphael.2.1.0.min.js"></script>
<script src="justgage.1.0.1.min.js"></script>

<script>
var accessToken = "cb8b348000e9d0ea9e354990bbd39ccbfb57b30e";
var deviceID = "54ff72066672524860351167"
var url = "https://api.spark.io/v1/devices/" + deviceID + "/volts";

function callback(data, status){
	if (status == "success") {
		volts = parseFloat(data.result);
		volts = volts.toFixed(2);
		g.refresh(volts);
		setTimeout(getReading, 1000);
	}
	else {
		alert("There was a problem");

This file has been truncated. show original

My question:
Instead of all of the fancy meters and visuals, how would I simply display the same data, in plain text?

bko · January 22, 2016, 4:37am

Hi @decoy5657

You should check out my example here:

Reading Spark Variables with Your Own HTML File

The basic idea is that find an area of the web page by its ID and then update it.

autolib · January 22, 2016, 8:00pm

Hi @decoy5657

Curios what are you using to get a reading of volts? Is it the volts of the Photon?

decoy5657 · January 23, 2016, 6:37pm

it’s the voltage of a photocell

Topic		Replies	Views
Couple of questions about the Particle javascript library Getting Started	0	822	August 29, 2015
Project help - HTML and jquery form coding General	2	2764	August 18, 2015
Javascript from HTML causes Photon to SOS Troubleshooting	8	2630	June 3, 2016
What are the use cases for JS involving the Photon2? Getting Started photon2	1	171	March 11, 2024
How to get info via API and view it in a webpage Cloud	2	2949	August 23, 2015

Using javascript to display data

Related topics