I am confused about what my teacher wants me to do. Have I interpreted the task correctly?

Question

I am confused about what my teacher wants me to do. Have I interpreted the task correctly?

I completed the assignment, but I'm still unclear if I have fully grasped my teacher's instructions. Can you provide some insight on this for me?

I attempted to solve it using two arrays, a for-loop, and connecting a button with a function, and it seems to be working. However, the question remains - is it correct? Since my school assignment is in Swedish, some words may be in that language.

Here is the assignment question:

Morgan, a high school teacher, needs a register to keep track of their students' grades. You are given two arrays, one containing names and the other containing grades. For example: name = ["Klara", "Andrea", "Emil", "Sarah", "Alicia", "Victor", "Thomas", "Robert"] with grades: grade = ["A", "B", "C", "A", "D", "C", "E", "E"]. Your task is to create a function (getGrade) that searches for a name and returns the corresponding grade. Then, create a page to test and demonstrate your new feature (either automatically when the page loads or via a button press). The arrays can either be global variables or preferably local variables passed as input to functions.

<body>

  <input type="button" value="Click to get Student Name and Grade" onclick="getGrade()">
  <div id="student1"></div>
  <div id="student2"></div>
  <div id="student3"></div>
  <div id="student4"></div>
  <div id="student5"></div>
  <div id="student6"></div>
  <div id="student7"></div>
  <div id="student8"></div>


  <script>
    var name = ["Klara", "Andrea", "Emil", "Sarah", "Alicia", "Victor", "Thomas", "Robert"];

    var grade = ["A", "B", "C", "A", "D", "C", "E", "E"];

    function getGrade() {

      for (var i = 0; i < name.length; i++) {
        if (name[i] == name[0]) {
          document.getElementById("student1").innerHTML += name[i] + "<br/> Grade: " + grade[i];
        } else if (name[i] == name[1]) {
          document.getElementById("student2").innerHTML += name[i] + "<br/> Grade: " + grade[i];;
        } else if (name[i] == name[2]) {
          document.getElementById("student3").innerHTML += name[i] + "<br/> Grade: " + grade[i];;
        } else if (name[i] == name[3]) {
          document.getElementById("student4").innerHTML += name[i] + "<br/> Grade: " + grade[i];;
        } else if (name[i] == name[4]) {
          document.getElementById("student5").innerHTML += name[i] + "<br/> Grade: " + grade[i];;
        } else if (name[i] == name[5]) {
          document.getElementById("student6").innerHTML += name[i] + "<br/> Grade: " + grade[i];;
        } else if (name[i] == name[6]) {
          document.getElementById("student7").innerHTML += name[i] + "<br/> Grade: " + grade[i];;
        } else {
          document.getElementById("student8").innerHTML += name[i] + "<br/> Grade: " + grade[i];;
        }

      }
    }
  </script>

Thank you for your feedback!

javascript arrays for-loop

Answer 1

Answer №1

For this task, you need to obtain the grade of a student named X.

The function getGrade is responsible for fetching the grade of student X.

Student X can be specified through an input text or any other means.

In addition, the getGrade function should be able to accept a parameter.

To put it simply,

var grade = getGrade('Klara');

function getGrade(name) {
   var grade = ...
   return grade;
}

Answer 2

For this task, you need to obtain the grade of a student named X.

The function getGrade is responsible for fetching the grade of student X.

Student X can be specified through an input text or any other means.

In addition, the getGrade function should be able to accept a parameter.

To put it simply,

var grade = getGrade('Klara');

function getGrade(name) {
   var grade = ...
   return grade;
}

Answer 3

Answer №2

I found the question confusing as it was provided in two separate arrays. I am not sure about the tools that can be used for this assignment, but essentially you would need something similar to this:

var names = ['Klara', 'Andrea', 'Emil', 'Sarah', 'Alicia', 'Victor', 'Thomas', 'Robert'];

var grades = ['A', 'B', 'C', 'A', 'D', 'C', 'E', 'E'];
var dictionary = {};
for (var i = 0; i < names.length; i++) {
  dictionary[names[i].toLowerCase()] = grades[i];
}

function getStudentGrade(name) {
  return dictionary[name.toLowerCase()] || undefined;
}
var $app = document.body;
var input = document.createElement('input');
input.type = 'text';
var button = document.createElement('button');
var ul = document.createElement('ul');
button.innerText = 'Get Grade';
button.addEventListener('click', function() {
var grade = getStudentGrade(input.value)
  if (grade) {
    var li = document.createElement('li');
    li.innerText = input.value + ' grade is: ' + grade;
    ul.appendChild(li);
  }
});

$app.appendChild(input);
$app.appendChild(button);
var div = document.createElement('div');
div.appendChild(ul);
$app.appendChild(div);

I haven't made many refactors in terms of creating elements or other tasks;

If the student's grade corresponds directly to their position in the name array, you can create an Object with key value pairs and then retrieve the grade by passing the student's name.

I also added an input field to enter the student's name and generate the list by clicking on a button.

If you want to refactor your solution, you could consider something like this:

var names = ["Klara", "Andrea", "Emil", "Sarah", "Alicia", "Victor", "Thomas", "Robert"];

var grades = ["A", "B", "C", "A", "D", "C", "E", "E"];

function getGrade() {
    for (var i=1; i<=names.length; i++) {
      document.getElementById('student' + i ).innerText = names[i-1] + ' Betyg' + grades[i-1]
    }
}

Answer 4

I found the question confusing as it was provided in two separate arrays. I am not sure about the tools that can be used for this assignment, but essentially you would need something similar to this:

var names = ['Klara', 'Andrea', 'Emil', 'Sarah', 'Alicia', 'Victor', 'Thomas', 'Robert'];

var grades = ['A', 'B', 'C', 'A', 'D', 'C', 'E', 'E'];
var dictionary = {};
for (var i = 0; i < names.length; i++) {
  dictionary[names[i].toLowerCase()] = grades[i];
}

function getStudentGrade(name) {
  return dictionary[name.toLowerCase()] || undefined;
}
var $app = document.body;
var input = document.createElement('input');
input.type = 'text';
var button = document.createElement('button');
var ul = document.createElement('ul');
button.innerText = 'Get Grade';
button.addEventListener('click', function() {
var grade = getStudentGrade(input.value)
  if (grade) {
    var li = document.createElement('li');
    li.innerText = input.value + ' grade is: ' + grade;
    ul.appendChild(li);
  }
});

$app.appendChild(input);
$app.appendChild(button);
var div = document.createElement('div');
div.appendChild(ul);
$app.appendChild(div);

I haven't made many refactors in terms of creating elements or other tasks;

If the student's grade corresponds directly to their position in the name array, you can create an Object with key value pairs and then retrieve the grade by passing the student's name.

I also added an input field to enter the student's name and generate the list by clicking on a button.

If you want to refactor your solution, you could consider something like this:

var names = ["Klara", "Andrea", "Emil", "Sarah", "Alicia", "Victor", "Thomas", "Robert"];

var grades = ["A", "B", "C", "A", "D", "C", "E", "E"];

function getGrade() {
    for (var i=1; i<=names.length; i++) {
      document.getElementById('student' + i ).innerText = names[i-1] + ' Betyg' + grades[i-1]
    }
}

I am confused about what my teacher wants me to do. Have I interpreted the task correctly?

Answer №1

Answer №2

Similar questions

swapping the final word in a string with Node.js or JavaScript

When making an asynchronous call, only the initial character is shown in the (HTML) listbox elements

NgModel in Angular Datapicker does not successfully transmit value

Tips for implementing import or require in Electron

Using React - How to access prop values within child menus of Ant Design Dropdown

Include a script tag in a React component in NextJS without relying on props or context

AngularJS: accessing remote systems - a guide

error: the program has encountered a segmentation fault and has created a core dump

Why is it that when I use require.js, all my modules appear to be loading at once when the page first

Tips for integrating AudioWorklets with vue-cli, webpack, and babel (resolved illegal invocation error)

The Datatable feature is malfunctioning, unable to function properly with Javascript and JQuery

The lookat function in Three.js appears to be inverted

Transferring PHP Arrays to JavaScript with JQuery

Activating the change event in jQuery: A step-by-step guide

Submitting an Ajax form refreshes the page

Deciphering JSON data in a textarea following a POST request

What is the TypeScript syntax for indicating multiple generic types for a variable?

Encountering a Javascript 404 error while attempting to make an API call

Issues with jQuery .click and .html functions not functioning as expected

Is it possible to convert the text.json file into a jQuery animation?