Python、JavaScript、HTML 和 CSS 上的代码存在一些错误答案

【问题标题】：Some error with code on Python, JavaScript, HTML and CSSPython、JavaScript、HTML 和 CSS 上的代码存在一些错误
【发布时间】：2022-11-10 23:06:47
【问题描述】：

我正在学习 JavaScript 和 Python，我编写了一个代码来创建一个文件并将信息输入其中。但是 recv_data 函数不起作用 - 没有创建文件。我应该怎么办？代码将在下面。

Python

import eel
eel.init("web")
@eel.expose
def recv_data(surname, name, grade):
    f=open("results.txt", "a+")
    f.write(surname, name, grade)
    f.close()
eel.start("index.html", mode="edge", size=(500,500))

html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="box">
        <form action="#">
            <input type="text" id="surname" placeholder="Surname">
            <input type="text" id="name" placeholder="Name">
            <input type="text" id="grade" placeholder="Grade">
            <input type="submit" id="btn" value="Register">
        </form>
    </div>
    <script>
        let btn = document.querySelector("#btn");
        btn.addEventListener("click", sendData);
        async function sendData() {
            let surname = document.querySelector("#surname").value;
            let name = document.querySelector("#name").value;
            let klass = document.querySelector("#grade").value;
            await eel.recv_data(surname, name, grade);
        }
    </script>
</body>
</html>

css

* {
    margin: 0;
    padding: 0;
}

body {
    background-color: #131517;
}

.box {
    margin: 100px auto;
    text-align: center;
    background-color: #1f2429;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    width: 300px;
    padding: 20px;
}

#surname, #name, #grade, #btn {
    padding: 10px;
    margin: 10px;
    background-color: #252e38;
    color: #fff;
    outline: 0;
    border: 0;
    border-bottom: 2px solid #2484f2;
    font-size: 1.3em;
}

#btn {
    cursor: pointer;
    width: 250px;
    text-transform: uppercase;
}

#btn:hover {
    color: #fff;
    background-color: #2285f5;
}

我试图编写代码，但该函数在其中不起作用。我需要让它工作。

【问题讨论】：

标签： javascript python html css eel

【解决方案1】：

        async function sendData() {
        let surname = document.querySelector("#surname").value;
        let name = document.querySelector("#name").value;
        let klass = document.querySelector("#grade").value;
        await eel.recv_data(surname, name, grade);
    }

当使用 eel 等待异步数据时，您需要使用这样的双括号：await eel.rcv_data(surname, name, grade)();

【讨论】：