You will need to interact with the browser a bit to prompt the user to give input and to write the result to the screen. Here are some examples to get you started.
- Google Chrome
- A code editor (e.g. Atom or VS Code)
✏️ Create a scripts
folder and create a new file named exercise4.js
.
✏️ In exercise4.html
, add a script tag in the <body>
. A script tag example: <script src="path/to/.js/file"></script>
This is an example of how a simple script with user interaction.
var input = prompt('Enter something here'); // Displays a pop-up textbox in the browser
document.write(input); // Writes to the document/page
✏️ Inside exercise4.js
, create a function named findHighestNum
which takes no parameters.
✏️ This function should continuously prompt the user for a number and remember the highest number found until the user enters zero.
❗ Tips:
- Probably need to convert the input string to a number of some kind
- "continuously prompt" probably means some kind of endless loop...
When zero (0
) is entered, the loop should exit and it should print the highest number to the screen.
This algorithm will hold a paragraph of generated text and prompt the user to enter a letter in a pop-up messagebox. It will then find how many occurrences there are of this letter in the text paragraph and output the result.
✏️ Inside exercise4.js
, create a function named countLetters
which takes no parameters.
✏️ Go to http://www.lipsum.com/feed/html and copy a paragraph of dummy text from the page. It doesn't matter which one. (Lipsum is just a fake language made to be just placeholder text in various cases. Awesome for prototyping software).
✏️ Inside the function, create a variable to hold the lipsum text.
✏️ Prompt the user for input, which should be a single letter. This value, if valid, should be given as parameter to the function you create next.
✏️ Inside the function, create a new, nested function named countLetter
which takes one parameter named letter
.
✏️ Inside countLetter
, find the number of occurrences of the letter given as parameter. Tip: using var characters = text.split('');
will give you the chars in a string which you can then iterate over and check for matches.
✏️ Print the number of occurrences to the screen.