我想制作一个模态cookie，在页面加载时，模态检查是否有cookie，然后如果没有“name”cookie，模态将显示。否则，模态将不会显示。但是，我有一个错误：
未捕获的语法错误：标识符“addcookie”已声明。
由于此错误，我的Cookie无法保存。
我知道，当有人试图覆盖 let . 然而，我没有试图覆盖它，我只是试图调用它

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>

<div id="modalWelcome" class="modal fade" data-backdrop="false">
  <div class="form-group">
    <input type="text" class="form-control" placeholder="your name" id="fname">
  </div>
  <button type="submit" class="btn btn-primary" onclick="addCookie()">go!</button>
</div>

if ($.cookie('name') == undefined) {
  $("#modalWelcome").modal('show');
} else {
  $('#modalWelcome').modal('hide');
}

var cookiename;
let addCookie = () => {
  cookiename = $('#fname').val();
  $.cookie("name", cookiename);
}