Skip to content

Latest commit

 

History

History
54 lines (30 loc) · 2.59 KB

README.md

File metadata and controls

54 lines (30 loc) · 2.59 KB
Raw

Exercise 4: User interaction

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.

Required software and tools for this exercise

4.1 - User interaction

✏️ 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>

4.2 - Find the highest number

✏️ 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.

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

❗ 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.

4.3 - Count letters in text

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.

Go to bonus task =>