chikoski · October 30, 2013 23:12
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 = "";
  for(var i = 0; i < nameList.length; i++){
    list.innerHTML += "<li>" + nameList[i] + "</li>";
  }
 };

 var addName = function(name){
  nameList[nameList.length] = 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 = "";
	for(var i = 0; i < nameList.length; i++){
	list.innerHTML += "<li>" + nameList[i] + "</li>";
	}
	};

	var addName = function(name){
	nameList[nameList.length] = name;
	};

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