关于#html#的问题,如何解决?(语言-javascript)

问题遇到的现象和发生背景

我想把nodejs中的dataStr与html中表单中输入框 输入的内容进行比较 看是否一样。但是我不会从node中拿dataStr

问题相关代码,请勿粘贴截图

nodejs的代码

const fs = require("fs");
const express = require("express");
const app = express();
const port = 3020;
 
app.get("/", (req, res) => {
  fs.readFile("./1.txt", "utf8", function (err, dataStr) {
    // 如果读取成功,则err的值为null,dataStr会显示例1.txt的文本内容
    // 如果读取失败,err的值为错误对象,展示出错误信息,dataStr的值为undefined
    console.log(err);
    console.log("------");
    console.log(dataStr);
    if (err) return res.send("内容读取失败!");
    res.send(dataStr);
  });
});
app.listen(port, () => console.log(`Example app listening on port ${port}!`));

index.html中的代码

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>Documenttitle>
head>
<body>
    <form action="">
        <input type="text" id="input">
        <button onclick="btn()">submitbutton>
    form>
    <script>
        function btn(){
            var value = document.getElementById("input").value
            alert(value)
        }
    script>
body>
html>

我的解答思路和尝试过的方法

思路就是对nodejs进行封装成一个接口

我想要达到的结果

当点击按钮时,如果内容一样就会在界面弹出结果一样,不一样弹出结果不一样。