diff --git a/index.html b/index.html
index f5fd272..4f5fa81 100644
--- a/index.html
+++ b/index.html
@@ -68,6 +68,8 @@
 							<option value = "nand3">Nand gate (3 inputs)</option>
 							<option value = "xor">Xor gate</option>
 						</select>
+						Quantity:
+						<input id = "times" type = "number">
 					</div>
 					<div class = "modal-footer">
 						<button type="button" onclick = '$("#addel").modal("hide"); addel();' class="btn btn-primmary" id = "done">
diff --git a/scripts/and_gate.js b/scripts/and_gate.js
index 9985026..0457d55 100644
--- a/scripts/and_gate.js
+++ b/scripts/and_gate.js
@@ -75,7 +75,7 @@ function and(id){
 
 function addclk(ob){
 	var rep = ob.rep;
-	$((ob.img)).mousedown(function(e){
+	$((ob.img)).on("mousedown touchstart",function(e){
 		e.preventDefault();
 		var svg = document.getElementById("svg1");
 		$(svg).append(ob.rep);
@@ -85,17 +85,17 @@ function addclk(ob){
 		$(svg).append($(ob.skin));
 		selected = ob.id;
 	});
-	$((ob.img)).mouseup(function(e){
+	$((ob.img)).on("mouseup touchend",function(e){
 		selected = "yay";
 	});
 }
 /*
 function noname(ob){
-	$((ob.img)).mousedown(function(e){
+	$((ob.img)).on("mousedown touchstart",function(e){
 		selected = ob.id;
 		console.log("Clicked!!!");
 	});
-	$((ob.img)).mouseup(function(e){
+	$((ob.img)).on("mouseup touchend",function(e){
 		selected = "yay";
 	});
 }
diff --git a/scripts/but.js b/scripts/but.js
index cf91d3c..d66bfbb 100644
--- a/scripts/but.js
+++ b/scripts/but.js
@@ -38,7 +38,7 @@ function but(id){
 }
 function addevt(ob){
 	/*
-	$((ob.rep)).click(function(){
+	$((ob.rep)).on("click touchstart",function(){
 		ob.val = (ob.val+1)%2;
 		if (ob.val){
 			$((ob.rep)).attr("fill","red");
@@ -49,12 +49,12 @@ function addevt(ob){
 	});
 	*/
 	
-	$((ob.rep)).mousedown(function(e){
+	$((ob.rep)).on("mousedown touchstart",function(e){
 		var svg = document.getElementById("svg1");
 		$(svg).append(ob.rep);
 		$(svg).append($(ob.o.rep));
 		selected = ob.id;
-		
+		e.preventDefault();
 		if (ob.wait){
 			ob.val = (ob.val+1)%2;
 			if (ob.val){
@@ -66,7 +66,7 @@ function addevt(ob){
 			ob.wait = false;
 		}
 	});
-	$((ob.rep)).mouseup(function(e){
+	$((ob.rep)).on("mouseup touchend",function(e){
 		selected = "yay";
 		ob.wait = true;
 	});
diff --git a/scripts/edges.js b/scripts/edges.js
index 16f8f37..329ba50 100644
--- a/scripts/edges.js
+++ b/scripts/edges.js
@@ -69,7 +69,8 @@ function edge(start,end){
 }
 
 function rem_edge(ob){
-	$((ob.rep)).click(function(e){
+	$((ob.rep)).on("click touchstart",function(e){
+		e.preventDefault();
 		//removing the edge from the array
 		for (var i = 0; i < lines.length; i++) {
 			if (lines[i] == (ob.id)) {
diff --git a/scripts/events.js b/scripts/events.js
index d6914fc..cca3b72 100644
--- a/scripts/events.js
+++ b/scripts/events.js
@@ -63,7 +63,7 @@ var xbeg = 0;
 var ybeg = 0;
 var moveing = false;
 
-$("svg").mousemove(function(e){
+$("svg").on("mousemove touchmove",function(e){
 	if (moveing && selected == "yay"){
 		if (!(zooming)){
 			zooming = true;
@@ -93,13 +93,13 @@ $("svg").mousemove(function(e){
 });
 
 
-$("svg").mousedown(function(e){
+$("svg").on("mousedown touchstart",function(e){
 	//e.preventDefault();
 	moveing = true;
 });
 
 
-$("svg").mouseup(function(e){
+$("svg").on("mouseup touchend",function(e){
 	e.preventDefault();
 	selected = "yay";
 	zooming = false;
diff --git a/scripts/light.js b/scripts/light.js
index 62ec951..a51630f 100644
--- a/scripts/light.js
+++ b/scripts/light.js
@@ -69,7 +69,8 @@ function light(id){
 
 function addclk_light(ob){
 	var rep = ob.rep;
-	$(ob.rep).mousedown(function(e){
+	$(ob.rep).on("mousedown touchstart",function(e){
+		e.preventDefault();
 		var svg = document.getElementById("svg1");
 		$(svg).append(ob.rep);
 		$(svg).append($(ob.i.rep));
diff --git a/scripts/main.js b/scripts/main.js
index e89ad24..02ec665 100644
--- a/scripts/main.js
+++ b/scripts/main.js
@@ -21,7 +21,7 @@ var pieces = [];
 var modal =  add(40,40,"blue","black","butt",false);
 
 //adding the event for clicking
-$(modal).mousedown(function(e){
+$(modal).on("mousedown touchstart",function(e){
 	
 	//showing the modal
 	//actually 'modal' is just the button
@@ -36,7 +36,7 @@ $(modal).mousedown(function(e){
 });
 
 //the event for finishing the drag and drop on the blue box
-$(modal).mouseup(function(e){
+$(modal).on("mouseup touchend",function(e){
 	//telling that we dont want to drag it anymore
 	selected = "yay"; 
 });
@@ -60,7 +60,9 @@ function getname(){
 
 //the function that fires when you tap 'add'
 function addel(){
-	var added =  eval("new "+$("#sel option:selected").attr("value")+"(getname())");
+	for (var i = 0;i < parseFloat($("#times").val());i++){
+		var added =  eval("new "+$("#sel option:selected").attr("value")+"(getname())");
+	}
 }
 
 
@@ -69,14 +71,14 @@ function addel(){
 //================================preventing deafult actions==========================
 
 //nothing to say here
-$("img,rect,circle,p,foreignObject").mousedown(function(e){
+$("img,rect,circle,p,foreignObject").on("mousedown touchstart",function(e){
 	e.preventDefault();
 });
-$("*").mouseup(function(e){
+$("*").on("mouseup touchend",function(e){
 	e.preventDefault();
 	moveing = false;
 });
-$("img").click(function(e){
+$("img").on("click touchstart",function(e){
 	e.preventDefault();
 });
 
@@ -103,15 +105,15 @@ let snap = false;
 
 //nothing to say here...
 //just some basic things
-$("body").mousemove(function(e){
+$("body").on("mousemove touchmove",function(e){
 	//calling the drag function
 	drag(e,selected);
 });
-$("body").mouseup(function(e){
+$("body").on("mouseup touchend",function(e){
 	selected = "yay";
 	console.log("got a mouse up");
 });
-$("body").mousedown(function(e){
+$("body").on("mousedown touchstart",function(e){
 	//beeing sure that we actually want to drag something
 	if (selected!="yay"){
 		
diff --git a/scripts/nand3.js b/scripts/nand3.js
index 069894e..e5f932d 100644
--- a/scripts/nand3.js
+++ b/scripts/nand3.js
@@ -76,7 +76,8 @@ function nand3(id){
 
 function clk(ob,arr){
 	var rep = ob.rep;
-	$((ob.img)).mousedown(function(e){
+	$((ob.img)).on("mousedown touchstart",function(e){
+		e.preventDefault();
 		var svg = document.getElementById("svg1");
 		$(svg).append(ob.rep);
 		$(svg).append($(ob.pin1.rep));
@@ -86,7 +87,7 @@ function clk(ob,arr){
 		$(svg).append($(ob.skin));
 		selected = ob.id;
 	});
-	$((ob.img)).mouseup(function(e){
+	$((ob.img)).on("mouseup touchend",function(e){
 		selected = "yay";
 	});
 }
\ No newline at end of file
diff --git a/scripts/not.js b/scripts/not.js
index bec9c67..21b31a3 100644
--- a/scripts/not.js
+++ b/scripts/not.js
@@ -73,7 +73,7 @@ function not(id){
 
 function addclk11(ob){
 	var rep = ob.rep;
-	$((ob.img)).mousedown(function(e){
+	$((ob.img)).on("mousedown touchstart",function(e){
 		e.preventDefault();
 		var svg = document.getElementById("svg1");
 		$(svg).append(ob.rep);
@@ -82,7 +82,7 @@ function addclk11(ob){
 		$(svg).append($(ob.skin));
 		selected = ob.id;
 	});
-	$((ob.img)).mouseup(function(e){
+	$((ob.img)).on("mouseup touchend",function(e){
 		selected = "yay";
 	});
 }
diff --git a/scripts/or.js b/scripts/or.js
index 07009b5..adb3ca0 100644
--- a/scripts/or.js
+++ b/scripts/or.js
@@ -75,7 +75,7 @@ function or(id){
 /*
 function addclk(ob){
 	var rep = ob.rep;
-	$(ob.rep).mousedown(function(e){
+	$(ob.rep).on("mousedown touchstart",function(e){
 		var svg = document.getElementById("svg1");
 		$(svg).append(ob.rep);
 		$(svg).append($(ob.pin1.rep));
diff --git a/scripts/pins.js b/scripts/pins.js
index 552f599..b89227b 100644
--- a/scripts/pins.js
+++ b/scripts/pins.js
@@ -46,7 +46,8 @@ function pin(type){
 }
 
 function clicked(ob){
-	$(ob.rep).click(function(e){
+	$(ob.rep).on("click touchstart",function(e){
+		e.preventDefault();
 		if (ob.type == true){
 			sels = ob;
 		}
diff --git a/scripts/text.js b/scripts/text.js
index d266c7a..b6e2c67 100644
--- a/scripts/text.js
+++ b/scripts/text.js
@@ -26,7 +26,7 @@ function text(parent,value){
 	var elem = document.getElementById("svg1");
     elem.appendChild(g);
 	this.rep = el;
-	$((this.rep)).click(function(e){
+	$((this.rep)).on("click touchstart",function(e){
 		e.preventDefault();
 	});