chikoski · October 30, 2013 23:13
diff --git a/jsbin.udoxuh.html b/jsbin.udoxuh.html
 <!DOCTYPE html>
 <html>
 <head>
 <meta charset=utf-8 />
 <title>JS Bin</title>
 </head>
 <body>
  <div>
    <input type="text" id="name">
    <button id="btn">追加</button>
  </div>
  <ul id="list"></ul>
 </body>
 </html>
diff --git a/jsbin.udoxuh.js b/jsbin.udoxuh.js
 var nameList = [];
 var btn = document.getElementById("btn");
 var list = document.getElementById("list");
 var input = document.getElementById("name");


 var showNameList = function(){
  list.innerHTML = "<li>" + nameList.join("</li><li>") + "</li>";
 };

 var addName = function(name){
  nameList.push(name);
 };

 btn.onclick = function(){
  addName(input.value);  
  showNameList();
 };
	var nameList = [];
	var btn = document.getElementById("btn");
	var list = document.getElementById("list");
	var input = document.getElementById("name");


	var showNameList = function(){
	list.innerHTML = "<li>" + nameList.join("</li><li>") + "</li>";
	};

	var addName = function(name){
	nameList.push(name);
	};

	btn.onclick = function(){
	addName(input.value);
	showNameList();
	};