 

<!DOCTYPE html>
<html>

 Play RexOphone:
   <button id ="button-1"  name="NOTE"   type="button" value="1">A</button>
   <button id ="button-2"  name="NOTE"   type="button" value="2">A#</button>
   <button id ="button-3"  name="NOTE"   type="button" value="3">B</button>
   <button id ="button-4"  name="NOTE"   type="button" value="4">C</button>
    <button id ="button-5"  name="NOTE"   type="button" value="5">C#</button>
   <button id ="button-6"  name="NOTE"   type="button" value="6">D</button>
   <button id ="button-7"  name="NOTE"   type="button" value="7">D#</button>
   <button id ="button-8"  name="NOTE"   type="button" value="8">E</button>
   <button id ="button-9"  name="NOTE"   type="button" value="9">F</button>
   <button id ="button-10"  name="NOTE"   type="button" value="10">F#</button>
   <button id ="button-11"  name="NOTE"   type="button" value="11">G</button>
   <button id ="button-12"  name="NOTE"   type="button" value="12">G#</button>
    <button id ="button-13"  name="NOTE"   type="button" value="13">A</button>
   <button id ="button-14"  name="NOTE"   type="button" value="14">A#</button>
   <button id ="button-15"  name="NOTE"   type="button" value="15">B</button>
   <button id ="button-16"  name="NOTE"   type="button" value="16">C</button>
  


  <head>
  <style>
 
  </style>
    <title>Remote RTTTL for the Spark Core</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  </head>
<body>
       
    <script type="text/javascript" src="http://codeorigin.jquery.com/jquery-2.0.3.min.js"></script>
    <script>
      $(document).ready(function() {
        var baseURL = "https://api.spark.io/v1/devices/";
        //--------------------------------------------------------------
        // START - EDITABLE USER DATA
        //
        var accessToken = "spark.io  access token here ";
        var coreID = " spark.io core id here";
        var funcKey1 = "remote";
        var args1 ="";
        //
        // END - EDITABLE USER DATA
        //-------------------------------------------------------------- 

        // The base level run method command
        function doMethod(method, data) {
          var url = baseURL + coreID + "/" + method;
          $.ajax({
            type: "POST",
            url: url,
            data: {
              access_token: accessToken,
              args: data
            },
            dataType: "json"
          }).success(function(obj) {
            if(obj.return_value && obj.return_value == 200) console.log("Success!");
          }).fail(function(obj) {
            console.log("Failed: "+obj);
          });
        }

 
  $("#button-1").on("click", function () {
          doMethod(funcKey1,1);
        });

    $("#button-2").on("click", function () {
          doMethod(funcKey1,2);
        });
  
 $("#button-3").on("click", function () {
          doMethod(funcKey1, 3);
        });
$("#button-4").on("click", function () {
          doMethod(funcKey1, 4);
        });

    $("#button-5").on("click", function () {
          doMethod(funcKey1, 5);
        });
  
 $("#button-6").on("click", function () {
          doMethod(funcKey1, 6);
        });
$("#button-7").on("click", function () {
          doMethod(funcKey1, 7);
        });

    $("#button-8").on("click", function () {
          doMethod(funcKey1, 8);
        });
  
 $("#button-9").on("click", function () {
          doMethod(funcKey1, 9);
        });
$("#button-10").on("click", function () {
          doMethod(funcKey1, 10);
        });

    $("#button-11").on("click", function () {
          doMethod(funcKey1, 11);
        });
  
 $("#button-12").on("click", function () {
          doMethod(funcKey1, 12);
        });
$("#button-13").on("click", function () {
          doMethod(funcKey1, 13);
        });

    $("#button-14").on("click", function () {
          doMethod(funcKey1, 14);
        });
  
 $("#button-15").on("click", function () {
          doMethod(funcKey1,15);
        });


 $("#button-16").on("click", function () {
          doMethod(funcKey1, 16);
        });


      });
    </script>           
  </body>
</html>