todoapp无法单击其他按钮

wr98u20j  于 2021-10-10  发布在  Java
关注(0)|答案(0)|浏览(106)

我正在接受开发人员的培训。按照中的说明进行操作https://medium.com/,我想单击“完成”按钮,但当我单击该按钮时,该按钮不正确,我想同时单击多个按钮。当我点击删除按钮时,它刷新了页面。
我使用expressjs ejs mongoose mongodb
当我点击“完成”按钮时
当我单击“删除”按钮时
我的app.js

const express = require("express");
const app = express();
const dotenv = require("dotenv")
const mongoose = require("mongoose");

//models
const TodoTask = require("./model/TodoTask");

dotenv.config();

app.use(express.static('public'))

app.use(express.urlencoded({ extended: true }));

//connection to db
mongoose.set("useFindAndModify", false);
mongoose.connect(process.env.DB_CONNECT, { useNewUrlParser: true }, () => {
  console.log("Connected to db!");
  app.listen(3000, () => console.log("Server Up and running"));
});

// ENDconnection to db

app.set("view engine", "ejs");

// GET METHOD

app.get("/", (req, res) => {
  TodoTask.find({}, (err, tasks) => {
    res.render("todo.ejs", { todoTasks: tasks });
  });
});

// post method for server
app.post("/", async (req, res) => {
  const todoTask = new TodoTask({
    content: req.body.content,
  });
  try {
    await todoTask.save();
    res.redirect("/");
  } catch (err) {
    res.redirect("/");
  }
});

//DELETE
app.route("/remove/:id").get((req, res) => {
  const id = req.params.id;
  TodoTask.findByIdAndRemove(id, err => {
    if (err) return res.send(500, err);
    res.redirect("/");
  });
});

我的剧本

function doneclick() {         
   if(todobox.style.opacity === ""){
       todobox.style.opacity = "0.2";
   }else{
    todobox.style.opacity =""
   }
}

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题