JS function help 1

[JohnShell]

Have the following two functions - first one adds max of 3 rows to a table - one row added each time user clicks button:

<script type="text/javascript">
var showing = 0;

function showAnother() 
{
    if ( showing <= 3 ) 
    {
       ++showing;
       document.getElementById("row"+showing).style.display ="";
	    	}
	if ( showing > 3)
		{
		alert("You have added the maximum number of rows available.");
	}
}
</script>

The next function allows a user to remove the last added row:

<script type="text/javascript">
function removeRow() 
{
    if ( showing >= 0 ) 
    {
       showing--;
       document.getElementById("row"+showing).style.display ="none";
	    	}
	if ( showing = 0 )
		{
	alert("You have removed all of the added rows.");
	}
}
</script>

How can I change the removeRow() function so that a user can remove each added row - one at a time?

Thanks, John

 

[trollacious]

Use an else instead of your second if statement in each function. As well in your removeRow function, you use

if ( showing = 0 )

which should be

if ( showing =[b][red]=[/red][/b] 0 )

Lee

 

[JohnShell]

trollacious,

Thank you very much. I shall apply your recommendation tomorrow at work, first thing.

John