javascript - 当 maxlength 达到他的极限时添加 .wav 声音？

Question

我目前正在完成期末项目。这是一个简单的形式，但我想用一些声音让它变得活泼起来。我选择了一个主题，它是来自 LoL 的 Kindred。我的伙伴要求我尝试在文本区域达到极限时添加声音，并得到老师的强化。但是我已经在这上面几个月了，我不是在开玩笑。你能帮忙吗？

function NoMoreWords() {
  //var x = document.getElementById("message").maxLength;
  var x = document.getElementById("message").maxLength = "<embed src='sounds/Kindred_nomorewords.wav' autostart=true loop=true volume=50 hidden=true>";
  document.getElementById("embed").innerHTML = x;

<p>
  <form action="" method="post">
    <textarea type="text" name="message" id="message" placeholder="All things end..." maxlength="10" size="50" rows="10"></textarea>
  </form>
</p>

我可以发布完整的代码供您试用，非常感谢能得到的任何帮助。

Answer 1

我假设 textarea 限制为 50。这是每次在 textarea 中按下一个键时调用的 javascript 函数。当长度大于 50 时，将播放音乐。只需在 your/url/here 中分配相对地址即可。

<input type="text" id="a" onkeypress="music()" />
<script>
function music() {
            var a=document.getElementById("a").value.length;
            if (a > 50) {
                new Audio('your/url/here').play()
            }
        }
</script>