ChatGPT写的js实现文字超出范围自动横向滚动代码

Chatbot写的js实现文字超出范围自动横向滚动代码，让chatbot验证可行性它说没问题，但自己使用却无法实现，请各位看看问题在哪

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
      #wrapper {
        width: 20%;
        overflow: hidden;
        background-color: antiquewhite;
      }
      #content {
        white-space: nowrap;
        background-color: aquamarine;
      }
    </style>
  </head>
  <body>
    <div id="wrapper">
      <div id="content">
        qwfwqfqwfwfgqwgqgwwadwdafwafwdwadwadawfwfafwfawfwgwqgdwa<!--这里是要滚动的文字内容-->
      </div>
    </div>
    <script>
      function autoScroll() {
        var wrapper = document.getElementById('wrapper');
        var content = document.getElementById('content');
        var wrapperWidth = wrapper.offsetWidth;
        var contentWidth = content.offsetWidth;
    if (contentWidth > wrapperWidth) {
      var speed = 50; // 滚动速度
      var delay = 2000; // 滚动间隔
      var position = 0;
      
      function scroll() {
        position += speed;
        
        if (position > contentWidth - wrapperWidth) {
          position = 0;
        }
        
        content.style.transform = 'translateX(' + -position + 'px)';
        requestAnimationFrame(scroll);
      }
      
      setTimeout(function() {
        requestAnimationFrame(scroll);
      }, delay);
    }
  }
  
  window.onload = autoScroll;
</script>

  </body>
</html>

img

你自己跑跑看能不能实现不就知道了
有问题再来问
或者你把这个代码粘回ChartGPT里让它帮你找找错误