Editor

<html>
  <head>
	<title>My title</title>
  </head>
  <body>
	<h1>This is my List</h1>
	
	<input type="text" id="title"></input>
	<button id="addWork">Add HouseWork</button>
	<ul id="myul">
	</ul>

	<script type="text/javascript">
		var array_Jobs = [
			"clean bathroom",
			"clean clothes",
			"clean kitchen"
		];
		var content_ul = document.querySelector("#myul");
		
		function addWork(mytitle){
			var li = document.createElement('li');
			li.textContent = mytitle;
			li.id = mytitle;
			content_ul.appendChild(li);
		}
		
		for(var i=0;i<array_Jobs.length;i+=1){
			addWork(array_Jobs[i]);
		}
		
		var buttonWork = document.getElementById('addWork');
		
		buttonWork.addEventListener('click', function(){
			var title = document.getElementById('title').value;
			addWork(title);
		});
		
	</script>
  </body>
<html>