jyung - 経済統計練習帳

<!DOCTYPE html>
 <html>
 <head>
<title>Chart</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="https://cdn.firebase.com/js/client/2.3.2/firebase.js"></script>
 
<script src="sample.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>
</html>
 
 
 
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 class=\"table table-striped\">";
        for (s = 0; s < x.length;s++ ){
        strx=strx+"<tr><td>"+x[s]+"</td></tr>"    
        }
 
        strx = strx + "</table>";
 
        $("#memo").html(strx);
    });
 
 
     $("#but").click(function () {
         var v1 = $("#name").val();
 
        mf.push({ name: v1,body: "bx"});
 
     });
 
 
 
 
}