diff --git a/index.html b/index.html
new file mode 100644
index 0000000..7e5bc3a
--- /dev/null
+++ b/index.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Hello!</title>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    
+    
+    
+    <!-- import the webpage's javascript file -->
+    <script src="/script.js" defer></script>
+  </head>  
+  <body>
+    <h1>Hi there!</h1>
+   <div> 
+       
+    <p> question 1, Counter </p>
+    
+    <button type="button" onClick="onClick()">Click me</button>
+    <p>Clicks: <a id="clicks">0</a></p>
+</div>
+
+<div> 
+       
+        <p> question 2, Alert</p>
+        
+        <button id="alertButton" onclick="glass()"> alert </button>
+
+    </div>
+
+    
+<div>
+                    <p>
+                      question 3, type info and clear it
+                    </p>
+            <form id="forms">
+                 Name: <input  type="text" name="fname" >
+                 Lastname: <input type="text" name="lname"><br><br>
+                 <button onclick="clearinfo()"> reset </button>
+             </form>
+          </div>
+
+
+    
+    
+
+
+
+</body>
+</html>
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..363a5dc
--- /dev/null
+++ b/script.js
@@ -0,0 +1,51 @@
+// problem 1 = the function dosent understand what to do if you dont define it's mission.
+var animal = "dogs" 
+
+function smallAnimals(){
+  var bigAnimal = animal + " are cute"
+
+  return bigAnimal;
+}
+
+smallAnimals();
+
+
+//problem 2 = 
+
+var clicks = 0;
+function onClick() {
+    clicks += 1;
+    document.getElementById("clicks").textContent = clicks;
+};
+
+//problem 3 = 
+
+function glass(){
+
+    alert("the user has clicked");
+
+}
+
+//problem 4 =
+
+function clearinfo (){
+    document.querySelector("forms").reset();
+
+}
+
+//problem 5 =
+
+const addalert = function newf(paramet) {
+    document.getElementById("demo").innerHTML = paramet;
+}
+
+
+try {
+addalert("Welcome guest!");
+}
+catch(err) {
+document.getElementById("demo").innerHTML = err.message;
+}
+
+
+
