How can I iterate HTML elements using javascript?

I have the following HTML page.

I want to read values from the “Note” column and display something in the “Appréciation” column, how would I do it using a javascript function?
I have tried the following:

const allNotes = document.querySelectorAll('.note');
for(var i = 0; i < allNotes.length; i++){
    console.log('Note: ', allNotes[i])
}

And:

const allNotes = document.querySelectorAll('.note');
for(var notee of allNotes.values()){
    console.log('Note: ', notee)
}

But none of them work, how would I manage to do it? Thank you in advance.