Javascript function we will add a user input that asks the user to enter the num

ID: 3824419 • Letter: J

Question

Javascript function

we will add a user input that asks the user to enter the number of job duties that they want to see that you preformed at your previous job. When the user clicks a button, a function will be called and will then take this input and use it to specify an index number of an array that will be the starting point of the array values (duties) to be displayed. Through looping, we will then subtract 1 from the index number until it reaches 0 and display all of the values that are associated with the index numbers that were calculated during the loop.

Create an input that acts as a fill in the blank for a sentence that prompts the user to enter the number of job duties they want to see.

Create a button that calls a function when clicked (the function created in the next step)

Crate a function that takes the user input and assigns the value to a variable.

Create an array with at least five job duties in it. ( cooking, cleaning, organizing, getting groceries and walking dog)

Create a while loop that runs while the variable (that represents the index value that we want to print) is greater than or equal to the minimum array value.

Within the while loop have two things happen.

Have the innerHTML of some element within your page be replaced with the array value that corresponds to the index number that we want printed

You specify the array value by the format arrayname[indexnumber]

Have the index subtract one from itself to count down

At this point your function should run, but it does not work properly. Only the array value at the last index is printed. To fix this, we need to concatenate the results of the loop.

i. Create a new variable outside of the loop and set it to be equal to blank (You do this by setting it equal to “”)

Within the loop, make this variable to be equal to itself plus the array value that we want printed.

Now change the innerHTML to be equal to this variable.

Explanation / Answer

Answer: Please paste the below code in a file and save it as html.

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test Experiment</title>

</head>
<body>
   Enter the number of job duties: <input type="text" name="jobDuties" id="jobDuties"><br>
   <p id="displayVl"> </p><br>
   <input type="submit" value="Submit">
   <script>
       var displayVal = "";
       function specifyIndexNum(){
           var inputVal = parseInt(document.getElementById("jobDuties").value );
           var displayVl = document.getElementById("displayVl");
           var jobDutyVal = ["cooking", "cleaning", "organizing", "getting groceries", "walking dog"];

           while(inputVal >0){
               inputVal-- ;
               if( jobDutyVal[inputVal] !== undefined){
                   displayVal = displayVal + jobDutyVal[inputVal] + "       ";
               }
               else{
                   displayVal = displayVal + "       ";
               }
               displayVl.innerHTML = displayVal;

           }
       }
   </script>
</body>
</html>

Navigate

Javascript error, string index out of bounds? static void readData(Scanner input

Javascript is a prototype-based object oriented language but can become class-ba

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.

Javascript function we will add a user input that asks the user to enter the num

Question

Explanation / Answer

Related Questions

Navigate