我正在学习JS，并且正在尝试找到最简单，最优雅的方法来保持循环HTML输入框并根据用户键入的内容触发关联的CSS动画。
Here是笔链接，下面只有HTML：
<body>
<p>Click button to enter a string.</p>
<button name="startButton" type="text" autofocus onclick="getString()">Click me!</button>
<div>
<p class="slug" id="demo"></p>
</div>
<script src="dullJack_src.js">
</script>
</body>
我觉得我必须编写一个JS回调函数（我正在学习），除非有一些更简单的方法来保持循环HTML代码。
几乎就像我正在尝试使用带有while()循环的伪主要部分，每次用户输入内容时都会执行动画。
真的陷入困境，并希望得到任何反馈。谢谢！