使用onclick更改图片来源

Question

所以我的html中有一个红色的圆圈，叫做redq，每当我单击它时，它都应该将图片更改为相同的图片，但是以红色显示时，我在Photoshop中对此做了准备，因此我需要做的就是更改源代码。但是我似乎无法正常工作。

Chrome的控制台显示“未捕获的TypeError：无法将属性'src'设置为null”

let red = document.getElementById('redq');

const editRed = () => {
  let img = document.getElementById('picture');
  red.onclick = img.src = 'https://via.placeholder.com/125';
}
editRed();

<header>
  <h1 class="header__title">Customize your laptop case</h1>
</header>

<div class="container">

  <article class="hoesje">
    <h2 class="hidden">Display Picture</h2>
    <img id="picture" src="https://placekitten.com/125/125" alt="Laptop case">
  </article>

  <article class="colorselect">
    <h2 class="hidden">Choose a color</h2>

    <div id="redq" class="circle"></div>
  </article>
</div>