diff --git a/hello.css b/hello.css
new file mode 100644
index 0000000..48e5f2e
--- /dev/null
+++ b/hello.css
@@ -0,0 +1,7 @@
+.hidden {
+ display : none;
+}
+
+body {
+ background-color: beige;
+}
\ No newline at end of file
diff --git a/hello.html b/hello.html
new file mode 100644
index 0000000..9bf5d88
--- /dev/null
+++ b/hello.html
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+
+ hello
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/hello.js b/hello.js
new file mode 100644
index 0000000..bc8f2b1
--- /dev/null
+++ b/hello.js
@@ -0,0 +1,13 @@
+const loginForm = document.querySelector("#login-form");
+const loginInput = document.querySelector("#login-form input");
+const hello = document.querySelector("#hello");
+
+function loginSB(event) {
+ event.preventDefault();
+ loginForm.classList.add("hidden");
+ const userName = loginInput.value;
+ hello.innerText = `Nice to meet you, ${userName} !`;
+ hello.classList.remove("hidden");
+}
+
+loginForm.addEventListener("submit", loginSB);
\ No newline at end of file