如何使用 jQuery 通过事件处理程序更新输入？

如何解决如何使用 jQuery 通过事件处理程序更新输入？

我正在开发一个程序，该程序在用户单击按钮后在 DOM 上显示其输入。 我期望（虽然我很迷茫）在用户单击按钮后，来自输入字段的输入将显示在 DOM 上。现在，当我单击按钮时，输入不会清除或显示。在 DevTools 中，我收到一个错误： 未捕获的类型错误：无法读取未定义的属性“推送”..

这是对我在事件处理程序中调用的函数的引用，该函数旨在获取输入并通过将输入推送到数组并将输入格式化为假推文的函数运行它。

//我的输入和按钮的代码

const $userTweet = $('<input>')
            .attr('id','input')
            .attr('type','text')
            .attr('value','Twiddle')
            .submit(function(){
    
    $('#input').val();
   
    $('#input').val('');
  })
 $userTweet.appendTo($header)

// 为用户推文添加提交按钮

const $twiddleButton = $('<button>')
      .attr('id','twiddle')
      .attr('class','btn btn-warning')
      .text('Twiddle')
      .on('click',function(){
      window.visitor = $('#input').val();
        writeTweet($('#input').val()) 
         $tweets()
         $('#input').val('');
      });
  $twiddleButton.appendTo($header)

// 项目中包含的现有函数

const writeTweet = (message) => {
  const visitor = window.visitor;

  if (!visitor){
    throw new Error('Set the global visitor property!');
  }

  const tweet = {
    user: visitor,message: message,};
  addTweet(tweet);
};

const addTweet = (newTweet) => {
  const username = newTweet.user;
  streams.users[username].push(newTweet);
  streams.home.push(newTweet);
};