JSFiddle - React, Tailwind, and code Playground

by Swapnil Khamkar

HTML

<script src="https://cdn.jsdelivr.net/particle-api-js/5.2.6/particle.min.js"></script>
<p> <b>Manual ON/OFF</b></p>
<p>Pump 1
  <button type="button" class="testClass" functionName='manual' , functionArgument='0,on'>ON</button>
  <button type="button" class="testClass" functionName='manual' , functionArgument='0,off'>OFF</button>
</p>
<p>Pump 2
  <button type="button" class="testClass" functionName='manual' , functionArgument='1,on'>ON</button>
  <button type="button" class="testClass" functionName='manual' , functionArgument='1,off'>OFF</button>
</p>

JavaScript

var particle = new Particle();
var classname = document.getElementsByClassName("testClass");
for (var i = 0; i < classname.length; i++) {
    classname[i].addEventListener('click', functionPost, false);
}


function functionPost(functionName, functionArgument) {
	
    var fnName = this.getAttribute("functionname");
    var fnArg = this.getAttribute("functionArgument");

  var fnPr = particle.callFunction({
    deviceId: '35002400094734343231xxxx',
    name: fnName,
    argument: fnArg,
    auth: '3aaacdf9121d404c1a60d5f5f853585c156axxxx'
  });
 }