Saving content from textare to a div : https://jsfiddle.net/vm8gbedb/2/

My Question is. How can i be able to use the textarea to save a note on "to do" div by creating a div inside it? For it to save to i have to create a database for it?

    <!DOCTYPE html>
    <html>
    <head>
    	<meta charset="UTF-8">
    	<title>Sticky Dashboard</title>
    	<link rel="stylesheet" type="text/css" href="index.css">
    	<script src="index.js"></script>
    	<link href="https://fonts.googleapis.com/css?family=Ranga" rel="stylesheet">
    	<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
    </head>
    <body>
    <nav>
    	<h1 id="headline">Sticky note </h1>
    	<div class="container-nav">
    		<textarea id="submit-content"></textarea>
    		<input type="button" onclick="addNote()" name="Post" class="submit-note" value="Post note">
    	</div>
    </nav>
    
    <main>
    	<div class="container">
    	   <div class="column column-one" id="column-one">
    			<h2>To do</h2>
    	   	</div>
    	   <div class="column column-two" id="column-two">
    	   		<h2>Ongoing</h2>
    	   </div>
    	   <div class="column column-three" id="column-three">
    	   		<h2>Done</h2>
    	   </div>
    	</div>
    </main>
    
    
    <footer>
    			<div id="footer">
    				<p id="footertext"> </p>
    			</div>
    		</footer>
    
    
    </body>
    </html>

