how do I change the innerText on the li element with Javascript : [photo of code so far][1]


  [1]: https://i.stack.imgur.com/loo41.png

Pic show's the browser loaded. Need to change the 'li' class "buddyName" - "strider" to "Aragon".

This was most recent attempt but not working:
document.querySelectorAll('buddyName'[3]).innerHTML = "Aragorn";   