final

index.html

@@ -20,7 +20,11 @@
         <![endif]-->
 
         <!-- Add your site or application content here -->
-        <p>Hello world! This is HTML5 Boilerplate.</p>
+        <form>
+        Number 1:<input type="text" id="number1" name="number1"><br>
+        Number 2:<input type="text" id="number2" name="number2"><br>
+        <button type="button" id="lognumber">What are my numbers?</button>
+        </form>
 
         <script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
         <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.12.0.min.js"><\/script>')</script>

js/main.js

@@ -0,0 +1,20 @@
+function getRange(num1, num2){
+	if (num1>num2){
+		var number1=num2;
+		var number2=num1;
+	}
+	else{
+		var number1=num1;
+		var number2=num2;
+	}
+	for(var count=number1; count<=number2; count++){
+		console.log(count);
+	}
+}
+
+var numberBut = document.querySelector("#lognumber");
+numberBut.addEventListener("click", function(){
+	var number1 = document.querySelector("#number1").value;
+	var number2 = document.querySelector("#number2").value;
+	//alert(getRange(number1, number2));
+});