部分不执行的内联Javascript

我对我的flash消息有一个部分限制。在部分中，我有一个脚本标记，它只显示一个简单的警报

layouts/\u flash\u messages.html.erb

<script>alert('test');</script>

(function(){
  let result = document.getElementById("flashMessages");
  result.style.opacity = 1;
  result.textContent = "";

  result.insertAdjacentHTML("beforeend", "<%= escape_javascript(render "layouts/flash_messages") %>");

})();

我不明白为什么警报从未被触发。这没有任何意义。我假设这与我如何通过JS将部分代码添加到DOM有关

更新

当我将

update.js.erb

文件更改为该文件时，我的普通js仍然不起作用：

$("#flashMessages").html("");
$("#flashMessages").append("<%= escape_javascript(render "layouts/flash_messages") %>");

$（“#flashMessages”）.html（“”）；
$（“#flashMessages”）。追加（“”）；

为什么不直接使用

result.innerHTML=“”

。