为什么控制台会抛出“无法读取未定义的属性‘未定义’”？

如何解决为什么控制台会抛出“无法读取未定义的属性‘未定义’”？

我设法使用 for 循环使代码工作。但是，我认为使用 forEach 方法会更有效。我如何调整我的代码以使其执行预期的操作？我可能听起来很基础，但我仍然是初学者。

const list = document.getElementsByTagName("li");

list.forEach(myFunction())

function myFunction(element,index) {
  element[index].className = "newColor"
}

.newColor {
  color: green;
}

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <Meta charset="utf-8">
    <title>Practise App</title>
    <link rel="stylesheet" href="index.css">
  </head>
  <body>

  <ul class="green" src="josue">
    <li>Monday</li>
    <li>Tuesday</li>
    <li>Wednesday</li>
    <li>Thursday</li>
    <li>Friday</li>
    <li>Saturday</li>
    <li>Sunday</li>
  </ul>
    <script src="index.js" type="text/javascript"></script>
  </body>
</html>