plonex - 経済統計練習帳

function sample() {
 
 
    $("#but").click(function(){
 
       pic=$("#card").val();
 
   $("#memo").html(pic);
 
 
        });
 
 }
 
 
<!DOCTYPE html>
 
<html>
    <head>
        <title>練習</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="jquery.js"></script>
    <script  src="sample.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">ここ</label>
  </div>
  <div>  
  <input id="but" type="button" value="ボタン" />
  </div>    
 </body>
</html>