How can I enable ongoing user input within Applab?

Question

How can I enable ongoing user input within Applab?

Currently, I am developing an app on code.org that allows users to input their subject scores and receive their corresponding grades. The final output includes the average score across all subjects. However, I have encountered a limitation where I can only include up to four subjects due to the need to click a button for each separate entry. I am seeking a solution to prompt the user for input until they enter a string, and then calculate the total average for all entered subjects. Link to current code:

javascript code.org app-lab

Answer 1

Answer №1

There is a quick solution for this issue.

var grade1 = prompt("Input your first grade");
var grade2 = prompt("Input your second grade");
var grade3 = prompt("Input your third grade");
var grade4 = prompt("Input your fourth grade");
var grade5 = prompt("Input your fifth grade");

if(grade1 > 100){
  grade1 = 100;
  console.log(grade1);
} if(grade2 > 100){
  grade2 = 100;
  console.log(grade2);
} if(grade3 > 100){
  grade3 = 100;
  console.log(grade3);
} if(grade4 > 100){
  grade4 = 100;
  console.log(grade4);
} if(grade5 > 100){
  grade5 = 100;
  console.log(grade5);
}

After implementing this, ensure to refer to the variables grade1, grade2, grade3, grade4, and grade5 when calculating their average total. I have also included if statements to prevent an unrealistic total GPA, but this can be modified or removed as needed.

Answer 2

There is a quick solution for this issue.

var grade1 = prompt("Input your first grade");
var grade2 = prompt("Input your second grade");
var grade3 = prompt("Input your third grade");
var grade4 = prompt("Input your fourth grade");
var grade5 = prompt("Input your fifth grade");

if(grade1 > 100){
  grade1 = 100;
  console.log(grade1);
} if(grade2 > 100){
  grade2 = 100;
  console.log(grade2);
} if(grade3 > 100){
  grade3 = 100;
  console.log(grade3);
} if(grade4 > 100){
  grade4 = 100;
  console.log(grade4);
} if(grade5 > 100){
  grade5 = 100;
  console.log(grade5);
}

After implementing this, ensure to refer to the variables grade1, grade2, grade3, grade4, and grade5 when calculating their average total. I have also included if statements to prevent an unrealistic total GPA, but this can be modified or removed as needed.

How can I enable ongoing user input within Applab?

Answer №1

Similar questions

JavaScript's native innerHTML function is unable to access the content generated by Vue

Navigating data within a JSON file with D3 javascript: a step-by-step guide

Firefoxx effortlessly glides divs across the screen as if they were images

Encountering an Invalid Argument Script Error while using Internet Explorer 11 on Windows 10

Is it possible to dynamically adjust div height using on resize event?

What is the best approach for developing an npm package containing multiple Vue directives? Should each directive have its own separate package, or should they

The Highcharts tooltip is not showing the correct text value, but instead showing 'undefined'

Using Javascript to swap background images, ensuring that the initial image is shown only once

Interactive sidebar scrolling feature linked with the main content area

Using React to Identify the Chosen Option on a Custom Toggle Button

Guidance on establishing an Array data type for a field in GraphQL Type declarations

In the scenario where there are duplicate 'id' keys within the array of objects, what is the best method to remove the object with the duplicate key?

Encountering a malfunction while executing an npm command specified in the package.json file

Enhancing jQuery Functionality with Parameter Overrides

Incorporating Vue.js components into PHP applications

What is the best way to iterate through an object and display each item as <li></li> within another <li>?

Is it possible for TypeScript to automatically detect when an argument has been validated?

Search as you type and populate multiple HTML form fields simultaneously

Unable to utilize navigator.camera.getPicture in iOS while using PhoneGap Adobe Build

The interaction between jQuery and Rails through ajax calls