diff --git a/index.html b/index.html
new file mode 100644
index 0000000..c19085b
--- /dev/null
+++ b/index.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <script type="text/javascript" src="practice.js" defer>
+
+    </script>
+    <title></title>
+  </head>
+  <body>
+  <button type="button" name="button" id="click">click </button>
+  <button type="button" name="button" id="Hamam">Alert </button>
+
+
+  <p id="demo"></p>
+  <script>
+  try {
+      alert("Welcome guest!");
+  }
+  catch(err) {
+      document.getElementById("demo").innerHTML = err.message;
+  }
+  </script>
+  <form class="" action="index.html" method="post">
+    First name: <input type="text" name="fname"><br>
+    Last name: <input type="text" name="lname"><br><br>
+    <button type="reset" name="button" id="reset">reset </button>
+
+  </form>
+
+
+  </body>
+</html>
diff --git a/practice.js b/practice.js
new file mode 100644
index 0000000..1dbfbfc
--- /dev/null
+++ b/practice.js
@@ -0,0 +1,28 @@
+//Create a JavaScript code with global and local variable. Call your local variable outside of its function. Why do you receive an error?
+let number = 0;
+function myFunction(){
+  let x = 5;
+}
+// console.log(x);
+
+// because variable x is block scope
+
+//Create a program where a button acts like a counter. Everytime an user clicks on it, it counts up (starting from 0). Make sure you use closures (create two functions, one outer and one inner).
+
+function counter(){
+  let number = 0;
+  function increment(){
+     number++;
+     console.log(number);
+     return number;
+  }
+  return increment;
+}
+let z = counter();
+document.getElementById('click').addEventListener('click', z);
+
+//Problem 3: Create a program with a button. When an user clicks on the button, the program executes an alert stating “the user has clicked!” 
+
+document.getElementById('Hamam').addEventListener('click', function(){
+  alert('the user has clicked!')
+});
