Help and Assessment wanted for Functions 4, 3, 2, 1 - vlad

[Vladlen_Vronsky]

Hey There!

I used one file for all of my Functions Assessments, they’re just commented out. Pardon any confusion. I just want to be efficient with the space.

I noticed that para.textContent = shortNames; outputs Anne,Tina,Bert,Jada. I’ve been trying to figure out how to add a space between the commas so the output is Anne, Tina, Bert, Jada.

What’s the best way to do this? I tried some different methods but no luck.

Live site: https://javascript-functions-assessment.glitch.me

Code: https://glitch.com/edit/#!/javascript-functions-assessment

Test your skills: Functions - Learn web development | MDN

I know it could be confusing but I’d also appreciate an assessment if possible!

Cheers,
Vlad

[mikoMK (Michael Koch)]

Hello @Vladlen_Vronsky

Well done!
Here are my comments:
Task 1: Correct.
Task 2: Mostly correct. You don’t need ctx.fill();. The previous line already creates and fills the rectangle. Also I would generally clear the canvas before starting to paint: ctx.clearRect(0, 0, canvas.width, canvas.height);. (No difference in this particular exercise)
Task 3: Correct.
Task 4: Correct.

@Vladlen_Vronsky

I noticed that para.textContent = shortNames; outputs Anne,Tina,Bert,Jada . I’ve been trying to figure out how to add a space between the commas so the output is Anne, Tina, Bert, Jada .

Instead of the implicit toString() method you could use join() where you are able to define a separator: para.textContent = shortNames.join(', ');

See you,
Michael

[Vladlen_Vronsky]

@mikoMK

para.textContent = shortNames.join(’, ');

This was a huge help!!! Thank you for all your mentorship, good sir @mikoMK

[Vladlen_Vronsky]

@mikoMK

Task 2: Mostly correct. You don’t need ctx.fill(); . The previous line already creates and fills the rectangle. Also I would generally clear the canvas before starting to paint: ctx.clearRect(0, 0, canvas.width, canvas.height); . (No difference in this particular exercise)

Understood! Thank you! I’ll review + fix this.