ひょう９９９ - 経済統計練習帳

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8" />
    <title>Firebase</title>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>
    <script src="https://cdn.firebase.com/js/client/2.3.2/firebase.js"></script>
       <script src="sample.js"></script>
 
 
  </head>
  <body onload="sample()">
    <div>
    <p id="mx"></p>
</div>
 
 <p id="p">Pom</p>
 <p id="k">but</p>
       </body>
</html>
 
 
function sample() {
 
    var str = "";
 
    var fb = new Firebase("https://burning-inferno-7339.firebaseio.com");
    var mf = fb.child('mes');
 
    mf.on("child_added", function (snapshot) {
        z1 = snapshot.val();
        str = str + z1.name + "△";
 
        var x = str.split("△");
        var strx = "<table>";
        for (s = 0; s < x.length;s++ ){
        strx=strx+"<tr><td>"+x[s]+"</td></tr>"    
        }
 
        strx = strx + "</table>";
 
        $("#mx").html(strx);
    });
 
 
 
    $("#p").click(function () {
 
  mf.push({ name: "del",body: "bx"});
});
 
 
 $("#k").click(function () {
 
  mf.push({ name: "n",body: "bjjj9"});
});
 
 
}