Finish the exercise!

[oneeyedman]

Hi, @crod2 !!!

You are close to the exercise solution, but here you have a steps guide to complete it anyway ;)

1. Save a reference to DOM elements in variables
2. Generate the random number and save it to a variable
3. Init counter of trials to 0
4. Define a function that executes when the user clicks on the button, that
   • increments the counter and paints its value in the HTML
   • collect the value of the HTML input and compare it with the random number
   • if they are equal, draw a 'You Win' message
   • if it's lower, draw a 'Too short' message
   • if it's higher, draw a 'Too long' message
5. Assign a listener to the button click to execute the previous function

Then you can improve the game as you please, here you have some ideas:

• Add new feedback when the number is bigger than 100 or smaller than 0.
• Manage when the user hits the button and the input is empty.
• Make the input work when hitting enter key.
• Add a reset button that cleans the input, the counter, writes the initial feedback and generates a new random number to play again!
• Whatever you want!

Let me know if you have any doubts ;)

Go for it!!

[oneeyedman]

Good job @crod2!!!

Here you have some tips to improve the exercise:

• [ ] Move the feedback logic to a function an execute it on each click
• [ ] Move you counter logic into a function and execute it on each click
• [ ] Indent and avoid extra white spaces to improve readability and prevent bugs
• [ ] Remove commented code
• [ ] Define a good structure of folders and files for the project
• [ ] Add HTML elements for the game: title, label and input, button, space for feedback (div, p) and number of trials
• [ ] Use a label to define the content of the input
• [ ] Connect the label to the input using the for attribute of the label and the id of the input

Then you can improve the game as you please, here you have some ideas:

• Add new feedback when the number is bigger than 100 or smaller than 0.
• Manage when the user hits the button and the input is empty.
• Make the input work when hitting enter key.
• Add a reset button that cleans the input, the counter, writes the initial feedback and generates a new random number to play again!
• Whatever you want!

If you are up to a challenge check out these exercises from previous Adalabers:

• http://beta.adalab.es/dorcas-s2-evaluacion-intermedia-mariavioleta1417/
• http://beta.adalab.es/e-s2-evaluacion-intermedia-maria-badanina/
• http://beta.adalab.es/dorcar-s2-evaluacion-intermedia-annabranco/
• http://beta.adalab.es/e-s2-evaluacion-intermedia-beatrizAdalab/

Let me know if you have any doubts ;)

Go for it!!