ｖ６５５ - 経済統計練習帳

<!DOCTYPE html>
 <html>
 <head>
<title>FireBase</title>
        <meta charset="UTF-8">  
        <link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.indigo-pink.min.css">
<script src="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <script  src="sample.js"></script>
  <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>
 
 
 </head>
    <body onload="sample()">
 
 
        <p id="memo"></p> 
 
   <form action="#">
  <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
 <input class="mdl-textfield__input" type="text" id="card">
 <label class="mdl-textfield__label" for="card">T</label>
  </div>
  <div>  
  <input id="but" type="button" value="写真" />
  </div>    
 </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>";
 
        $("#memo").html(strx);
    });
 
  $("#but").click(function(){
 
      var g=$("#card").val();
 
    mf.push({ name: g,body: "bx"});
 
 
        });
 
 
 
}