title: If the textbox has the correct value, onclick button, message on the same page, if not message alert
body: <p>I want to create for my daughters a kind of multiplication quiz web page in which they just have to type a number in a textbox, then click a button. If the number in the textbox is the correct answer I want the page to show a message that says: CORRECT! The message in the web page is not a problem, I can handle but what I'm looking for that I haven't found it is that I want them to type the number that is suppost to be there. For example: </p>
  
  <p>(This [<strong><em>_</em>_</strong>] simulates a textbox)<br>
  (This ██ simulates a button) </p>
  
  <p>I wrote: 
  2 x 2 = [<strong><em>_</em>_</strong>] ██ </p>
  
  <p>In the above example, they must type "4" (without the quotes) in the textbox and when press the button (the button value is: CHECK ANSWER) then above of the math exercise says: CORRECT! If they type other number that is not "4" (without the quotes) I want a message alert saying: INCORRECT! </p>
  
  <p>I want to apply that for all Table 2 like this: </p>
  
  <p>2 x 2 = [<strong><em>_</em>_</strong>] ██ </p>
  
  <p>2 x 3 = [<strong><em>_</em>_</strong>] ██ </p>
  
  <p>2 x 4 = [<strong><em>_</em>_</strong>] ██ </p>
  
  <p>And to all the Tables 3, 4, 5, 6, 7, 8, 9 10, 11, 12. </p>
  
  <p>I want every button to interact to its corresponding textbox. Thanks. :-)</p>