diff --git a/persistance/index.html b/persistance/index.html
new file mode 100644
index 0000000..ec87c55
--- /dev/null
+++ b/persistance/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport"
+          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Document</title>
+</head>
+<body>
+
+<div>
+    <input type="text" id="input1"/>
+    <button id="exo1">Ajouter</button>
+    <ul id="list1" >
+        <li>Foo</li>
+        <li>Bar</li>
+    </ul>
+</div>
+
+<script src="main.js" type="module"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/persistance/main.js b/persistance/main.js
new file mode 100644
index 0000000..2e8bd3f
--- /dev/null
+++ b/persistance/main.js
@@ -0,0 +1,8 @@
+function click(){
+    const value = document.getElementById("input1").value;
+    const li = document.createElement("li");
+    li.innerText = value;
+    document.getElementById("list1").appendChild(li);
+}
+
+document.getElementById("exo1").addEventListener("click", click);
\ No newline at end of file