asuka - 経済統計練習帳

<!DOCTYPE html>
<html>
<head>
        <title>mdl</title>
        <meta charset="UTF-8">
    <link rel="stylesheet" href="material.min.css">
<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="jquery.js"></script>
 
    </head>
   <body onload="sample()">
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
  <header class="mdl-layout__header">
    <div class="mdl-layout__header-row">
      <span class="mdl-layout-title">練習</span>
    </div>
 
 
  </header>
  <div class="mdl-layout__drawer">
  <span class="mdl-layout-title" id="d">Title</span>
  <span class="mdl-layout-title" id="c">T</span>
  </div>
  <main class="mdl-layout__content">
  <p id="memo"></p>
  </main>
</div>
</body>
</html>
 
 
function sample(){
 
 
$("#d").click(function(){
            $("#memo").html("a======");
        });
 
$("#c").click(function(){
            $("#memo").html("b======");
        });
 
$("#memo").html("abc");
 
 
 
}