我想在輸入每一行后更改圖像。該示例僅顯示 2 行和 2 個圖像，但會有很多行和圖像。行內容更改后，圖像必須更改。我該怎么辦？JSDiffle: https://jsfiddle.net/13ujowkL/HTML  <div class="output" id="output">    <h1 class="cursor"></h1>  </div>  <div class="images">    <img src="https://i.postimg.cc/4Y054xz3/video-1.jpg">    <img src="https://i.postimg.cc/8jt43HcM/video-2.jpg">  </div>CSS.cursor::after {  content: ' ';  display: inline-block;  margin-left: 3px;  background-color: #00b69d;  animation-name: blink;  animation-duration: 0.5s;  animation-iteration-count: infinite;}h1.cursor::after {  height: 24px;  width: 13px;}p.cursor::after {  height: 13px;  width: 6px;}@keyframes blink {  0% { opacity: 1; }  49% { opacity: 1; }  50% { opacity: 0; }  100% { opacity: 0; }}