I want to change the bootstrap icon `bi bi-caret-right-fill` to `bi bi-caret-down-fill`.

```
<i onclick="myFunction(this)" class="bi bi-caret-right-fill"></i>

```

```
function myFunction(x) {
   x.classList.toggle("bi bi-arrow-down-circle");
}

```