JS input box loop

bigdaddysheikh

Hello guys,

I am trying to take a jab at this. I have an input box which asks to enter a number. After they enter a number I want to display that amount of input feilds.

So for example, if they enter 5 it would loop 5 input boxes. I am able to retreive the value in the input box but I am confused as to how I can make it loop 5 times.

I am new to JS, I am still learning.

Thanks.

bogu

The value from your input type text could be a string that u need to convert it to integer, parseInt ...

For looping u can use for(), while() ...

bigdaddysheikh

I am using the innerHTML function to insert the table. I am having issues now looping and adding the extra fields.

bigdaddysheikh

OK i got the script to work.

I moved the function to a different js file and attached. Now the function wont work.

What am I missing here.

JPnyc

Without seeing what you put into the file, I can't say.

bigdaddysheikh

// JavaScript Document

function getNum(){
		var obj=document.getElementById('songNum');
		var c =0;
		c=c+obj.value;
		var place=document.getElementById('songadd');

	place.style.visibility='visible';
	var i=0;

	x="<table width='80%' border='1'>"+"<tr><td>Artist</td><td>Song</td><td>Album</td><td>CAN</td><td>CUR</td><td>BB</td><td>CFRE</td><td>PSA</td><td>ID</td><td>Time</td></tr>";

	var p="";
	while(i<=c){
		p=p+"<tr><td><input name=Artist[i] type=text id=Artist[i] /></td>"+'<td><input name="Song[]" type="text" id="Song[]" /></td>'+'    <td><input name="Album[]" type="text" id="Album[]" /></td>'+'<td><input name="Can[]" type="checkbox" id="Can[]" value="checked" /></td>'+'<td><input name="Cur[]" type="checkbox" id="Cur[]" value="checkbox" /></td>'+'<td><input name="bb[]" type="checkbox" id="bb[]" value="checkbox" /></td>'+'<td><input name="CFRE[]" type="checkbox" id="CFRE[]" value="checkbox" /></td>'+'<td><input name="PSA[]" type="checkbox" id="PSA[]" value="checkbox" /></td>'+'<td><input name="ID[]" type="checkbox" id="ID[]" value="checkbox" /></td>'+'<td><input name="Time[]" type="checkbox" id="Time[]" value="checkbox" /></td>';





		if(c==0 ||c==""){
			break;
		}

	i++;




	}


	place.innerHTML=x+p+"</table>";
	document.getElementById('loop').value=c;



}

That is in my js file.

below is the line of connection.

<script language="javascript" src="java.js">

</script>

bogu

Ok u create your function, where do u call it?