Javascript 如何在网站的输入窗口中自动写入和显示文本

我创建了一个带有输入窗口的网站。 当我在窗口中写入内容并重新加载页面时，文本将再次显示在窗口中

我的问题是我的代码保存了文本。之后，我得到了JSON答案，必须返回并重新加载页面

我想调整它，使它保持在页面上并直接显示新文本

这是我的text.js文件

const express = require('express');
const router = express.Router();
const text = require('../../Texts');

// Create text
router.post('/', (req, res) => {
  const newText = {
    ...req.body
  };

  text.push(newText);
  res.json(text);
  // res.redirect('/');
});


module.exports = router;

这是我的index.js文件

const express = require('express');
const path = require('path');
const exphbs = require('express-handlebars');
const text = require('./Texts');

const app = express();

// Init middleware

// Handlebars Middleware
app.engine('handlebars', exphbs({ defaultLayout: 'main' }));
app.set('view engine', 'handlebars');

// Body Parser Middleware
app.use(express.json());
app.use(express.urlencoded({ extended: false }));

// Homepage Route
app.get('/', (req, res) =>
  res.render('index', {
    title: 'Text T-App',
    text: text
  })
);

// Set static folder
app.use(express.static(path.join(__dirname, 'public')));

// API Routes
app.use('/api/texts', require('./routes/api/texts'));

const PORT = process.env.PORT || 8000;

app.listen(PORT, () => console.log(`Server started on port ${PORT}`));

我有另一个Text.js，与另一个不在同一个文件夹中，它只包含以下内容：

const text = [
  {
      text: ' testing '
  }
];

module.exports = text;