www.webdeveloper.com
Results 1 to 2 of 2

Thread: Bowling League

  1. #1
    Join Date
    Sep 2013
    Posts
    26

    Bowling League

    Hi I am trying to make a bowling roster. I am having a problem with the table and when I enter a name into the box nothing works. I need a little help here please.




    Code:
     <!DOCTYPE html>
    <html>
       <head>
          <meta charset = "utf-8">
          <title>Bowling League Roster</title>
    	  <script type="text/javascript" src="Dom.js"></script>
    	  <link rel="stylesheet" type="text/css" href="Default.css" />
    	  
    		
    		
    		
    		</head>
    		<body>
    
       <h1 id="Bowling League Roster"  class = "highlighted" >
       Bowling League Roster</h1>
    			<br />
    		<form action="#">
    			<label for="gbid">What is Your Team Member's Name?</label>
    			<input type ="gbid" value = "" onclick="addItem(document.getElementById('addBowler').rowIndex)" />
    			</br>
       </body>
    </html>
    <script>
    				function setStyle()
    		{
    			var bowler = prompt("Enter Bowler's Name to be added?");
    			
    			var elements = document.getElementsByTagName("bowler");
    		}
    		
    		</script>
    		<script>
    		function addBowler()
    		{
    			var tbl = document.createElement("table");
    			var tblRow = document.createElement("tbody");
    			var body = document.getElementById("tableDiv");
    			
    			for (var rows = 0; rows < 5; rows++)
    			{
    				var row = document.createElement("tr");
    				
    				for (var columns = 0; columns < 5; columns++)
    				{
    					var cell = document.createElement("td");
    					var cellText = document.createTextNode("Bowler " + rows + columns);
    					cell.appendChild(cellText);
    					row.appendChild(cell);
    				}
    				else
    				tblBody.appendChild(row);
    			}
    			tbl.appendChild(tblBody);
    			body.appendChild(tbl);
    			tbl.setAttribute("border", "3");
    		}
    		
    		
    		</script>
            <body>	
    		
    		<form action = "FormProcessor.html" method="Get">
    		<table border = "1" id = "getBowler">
    		<tr><td id = "empty">Your Team Roster Is Empty</td></tr>
    		</table>
    		<p><input type ="Remove Bowler" value = "Remove Bowler" /></p>
    		<input type = "button" value="removeBowler" onclick="removeBowler()"/>
    		</form>
    		</body>
    	  </script>
    	 
       </head>
       <body>
       
    		<input type="button" value="Create Bowler" onclick="addBowler(document.getElementById(table))" />
    		<br />
    		<div id="tableDiv"></div>
       </body>
    </html>

  2. #2
    Join Date
    Nov 2013
    Posts
    41
    Your markup is a jumbled mess that I cannot decipher most of it. Split your pages into to code blocks and tidy it up a little. Then re-post it.Make sure that your end tags are present (i.e. every <form> needs a </form>, with the exclusion of link, img, and br). Your script tags can be at the end of the body, but not after the </body>.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles