如何使用Javascript将输入文本值发送到服务器

所以我用jsjquery制作了一个游戏，在这个游戏中，玩家走在一根电线上，必须躲避飞向他的小鸟。如果他被击中，就会出现一句表达存在恐惧的句子。你通过在被击中和躲避鸟类之间保持平衡而获胜。游戏内容如下：

我想实现这个功能：当游戏赢了，玩家可以输入一个句子，当一个人被鸟击中时，这个句子将被添加到游戏中出现的句子池中。我想这个过程应该是这样的：

用户填写文本输入

提交时，文本被发送到服务器并保存在文件中

当玩家被击中时，一个函数检索文件，从中随机选取一个句子并显示它

现在，我不得不说我没有接受过关于Js和HTTP请求的全面教育，所以我也很难理解我可以在网上找到的解决方案。我的想法是将文本保存在一个JSON文件中，然后在每次玩游戏时读取它。我已经尝试了一些代码，可以完成第1点。二,。但它不起作用

这是我的HTML：

<form action="https://walkingthewire.altervista.org" class="submit" id="form">
<input class="pensieroInput" placeholder="pensiero"> 
<button></button> 
</form>

提交表单时，控制台在JSON位置0处打印此错误：error:SyntaxError:Unexpected token<。我不知道这是一个愚蠢的错误还是我面对问题的方式完全错误

这个游戏是在Wordpress环境中构建的，但是没有使用Wordpress（我不知道php）。我还将游戏复制到了另一个域（），它只是纯HTML/css/Js，我也有同样的错误

如果有人能建议我另一种解决方案或知道如何解决这个问题。。。我考虑这个问题已经快一年了，所以你会救我的

多谢各位

const form = document.getElementById('form') 
const pensieroInput = document.querySelector('.pensieroInput') 
const url = form.getAttribute('action') 

form.addEventListener('submit', function(event) {
  event.preventDefault()
  const pensiero = pensieroInput.value
  const data = {pensiero: pensiero}

  fetch(url, {
    method: 'POST', 
    headers: {
      'Content-Type': 'application/json',
      'Accept': 'application/json',
    },
    body: JSON.stringify(data),
  })
    .then(response => response.json())
    .then(data => {
      console.log('Success:', data)
    })
    .catch(error => {
      console.error('Error:', error)
    })
})