title: Bullseye scoring game - Wrong to try to use pure JS?
body: <p>I'm working on a <em>logically</em> simple game featuring a bullseye and 8-round scoreboard.  I use a circular image map with onClick events on each area to write the appropriate scoring amounts.  Example: Middle of bullseye is 6 points, next ring out is 4, next out is 3, and so on.  I'm using <strong>session storage</strong> to store # of players, player names, whose turn it is, etc.</p>
  <p>I'm fairly deep in to version 1 and have most of it working, but I'm starting to hit some issues due to the way I built it.  I've hit an issue where it's hard to work with the HTML table because the table HTML renders before all my JS fires in the  of the document.  Example of issue:  I ask for the # of players as the first step in the game.  I need to write a table row per player and I can't do that if the page has already been rendered.  Additionally, when it comes time to announce the winner, I don't have a good way to relate the player name and total player score.</p>
  <p>So my question is... is it wrong to try to do this with pure HTML and JS?  Would jQuery (or another language) make this easier?  I don't have a ton of experience with jQuery.  Would you instead use a database to temporarily store the # of players, names, scores, etc?</p>
  <p>Perhaps I could break off the prompt pieces of the game to a separate page(s)?  E.g. Page1 asks how many players, Page2 asks for their names, and Page3 builds up the bullseye and scoreboard?  I'd still have to solve the issue of relating player name and total score.</p>
  <p>My code isn't in sufficient shape to show the masses, so this is more of a theoretical post.  Thanks!</p>
  <p><a href="https://i.stack.imgur.com/x26q5.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/x26q5.jpg" alt="Before Scoring" /></a></p>
  <p><a href="https://i.stack.imgur.com/IRnsv.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IRnsv.jpg" alt="During Scoring" /></a></p>