000755 - 経済統計練習帳

<!DOCTYPE html>
 <html>
 <head>
<title>FireBase</title>
  <meta charset="UTF-8">  
 
       <link href="bootstrap.min.css" rel="stylesheet">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="bootstrap.min.js"></script>
 
    <script  src="sample.js"></script>
 <script src="https://cdn.firebase.com/js/client/2.3.2/firebase.js"></script>
 
 
 </head>
    <body onload="sample()">
 
 
 
     <form>
<div class="form-group">
<label for="name">N:</label>
<input type="text" id="name" class="form-control">
</div>
</form> 
<button class="btn btn-default" id="but">D</button>
<p id="memo">AA</p>   
 </body>
</
 
function sample() {
 
    var str = "";
 
    var fb = new Firebase("https://burning-inferno-7339.firebaseio.com");
    var mf = fb.child('delta');
 
    mf.on("child_added", function (snapshot) {
        z1 = snapshot.val();
        str = str + z1.name + "△";
 
        var x = str.split("△");
        var strx = "<table>";
        n1 = x.length;
        n2 = n1 - 5;
        if (n2 < 0) n2 = 0;
        for (s = n2; s < n1; s++) {
        strx = strx + "<tr><td>" + x[s] + "</td></tr>"
        }
 
        strx = strx + "</table>";
 
        $("#memo").html(strx);
    });
 
 
 
  $("#but").click(function(){
 
      var g=$("#name").val();
 
    mf.push({ name: g,body: "bx"});
 
 
        });
 
 
 
}