Untitled

function create (){
    var li = document.createElement("li");
    var lista = document.querySelector(".lista");
}

var klik = document.getElementById('.dodaj');
klik.onclick = create;


<!DOCTYPE HTML>
<html lang="pl-PL">
<head>
	<title>POZNAJ JAZZ!</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta name="description" content="Na tej stronie znajdziesz informacje na temat jazzu- gatunku muzycznego. Zapraszam do obejrzenia strony i pog��bienia wiedzy na jegi temat." />
	<meta name="keywords" content="kultura, muzyka, jazz, gatunek, muzyczny, swing, blues" />
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<meta name="author" content="Katarzyna Kaczorowska" />
	<link rel="Stylesheet" href="style_index.css" />
	<link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet" />
	<script src="JavaScript.js"></script>
</head>
<body>

	<div id="document">
		<form>
		<input type="text" class="notatka">
	<button type="button" id="dodaj">Dodaj</button>
	</form>
	<ul class="lista">
		<li>Witaj ! Tu możesz dodawać swoje notatki, które pomogą Ci szybciej przyswoić wiedzę!</li>
	</ul>
	</div>

</body>
</html>