If someone is willing to alter or edit THIS code, it would be much appreciated.

Question

Here is code,
https://code.sololearn.com/WfwzTolPOyuF/#

The end goal is to have a more Interactive page, that allows you to add new students to the existing array/table (Grade Sheet). Also allow the newly added students to be graded and there scores to be calculated into the Total Class GPA as well.

Again, simply looking for someone to alter/edit the CODE I LINKED. Just really would like to see end result.

Thank you

Answer 1

welcome back Blaine P

i added comments to this edited code

hope it's all make sense 😅

https://code.sololearn.com/WBT1E11HTlyS/?ref=app

Answer 2

Blaine P
those are template literals of ES6

very easy to work with and there is a lesson for it

https://www.sololearn.com/learn/516/?ref=app

Answer 3

😅😅😅
nice to see you back after so long ^_^

ask away anything

Answer 4

..just added some features and optimizations inline with Burey's suggestion.

https://code.sololearn.com/WZk9JnRC87EY/?ref=app

Answer 5

($)_($)

Answer 6

seem i cause some confusion with the string literal $ sign 😅

good to see it's all cleared out

Answer 7

I did some user testing
issue:
Entered 93 for quiz grade resulted in zero GPA box

Answer 8

Arvind Tarpasa
GPA is Grade Point Average

Answer 9

Soumen Mahata thanks for your feedback!
it's fixed now.👍

Answer 10

Wow! I am glad to cross paths with you again Burey!
Thank you, it has been awhile!

I am going to look over your genius work and see if i can make sense of it :)
I am sure i will have questions lol

Thank you so much, man!

Answer 11

alright I am going to get some sleep and take a look at those template literals tomorrow. Thank you my friend :)

Answer 12

cool

Answer 13

I am probably going to be looking into making sure the newly added (Injected) student rows are following the same even/odd color scheme as the rest of the table.

But, this looks awesome Burey. You cracked that out in no time. I really appreciate this.

also I noticed at the very end of the javaScript where you "injected" the new table row as a string, you enclosed the row with these (`) symbols. I have never seen that symbol used. what does it do?

Answer 14

Okay,
Template literals are not a part of jQuery. I'm sorry if caused any confusion.

"Template literals are string literals allowing embedded expressions. You can use multi-line strings and string interpolation features with them. They were called "template strings" in prior editions of the ES2015 specification"

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

Answer 15

Burey

I wouldn't call it confusion on your part, but will call it being blinded by the mighty 💰 on my
part😵

Answer 16

https://code.sololearn.com/WH7x3IC1rH22/?ref=app

Answer 17

ODLNT,

93 wasn't producing a proper GPA because I forgot to put a " >= " in my if statement that converts 93 AND greater to a 4.0. SO, there was basically no conversion for 93, just anything above 93. I updated code and it should work now.

updated code here.
https://code.sololearn.com/WfwzTolPOyuF/#

Answer 18

https://code.sololearn.com/W5Cebtu4mtAx/?ref=app Now buttons looks better also you cant input nothing . And textbox clears after touching button

Answer 19

GPA = grade point average

Answer 20

maybe someone can help to alter the table color scheme. The newly added student rows all come out white, instead of following the even/odd color scheme (white/grey) of the other students.

still wondering about "#x27;s", also?

"The dude abides."