w3wppp9 - 経済統計練習帳

<!DOCTYPE html>
<html>
    <head>
        <title>TODO</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 type="text/javascript" src="http://www.google.com/jsapi"></script> 
 <script  src="jquery.js"></script>
<script  src="svgpaint.js"></script>
    <script  src="sample.js"></script>
    </head>
    <body onload="sample()">
 
            <p id="memo"></p>
 
  <button class="mdl-button mdl-js-button mdl-button--raised" id="but">
  Button
</button>
 
 
    </body>
</html>
 
function sample() {
 
 $("#but").click(function () {
        alert("e");
    });
 
 
 str="<span class=\"material-icons mdl-badge\" data-badge=\"100\">account_box</span>";
 
      $("#memo").html(str);  
 
}