单击一次 onClick 按钮后如何调用两个不同的函数

Question

我试图在单击 onClick 按钮时调用两个不同的函数。

<button id="button" type="button" onClick={write, message}> 
    RESERVE ROOM
  </button>

  <p id="bodyid"></p>

我的 write 函数看起来像：

const write = () => {
var AWS = require("aws-sdk");
let awsConfig = {
    "region": "us-west-2",
    "endpoint": "http://dynamodb.us-west-2.amazonaws.com",
    "accessKeyId": "AKIATXDQF3UYRZVGEAEG", "secretAccessKey": "4azvTl67U8QW1id0j8***/rAOqmEp4ajnKFb9***"
};
AWS.config.update(awsConfig);

let docClient = new AWS.DynamoDB.DocumentClient();

let save = function () {

  var fullname = document.getElementById('name').value;
  var cap = document.getElementById('selectcap').value;
  var date = document.getElementById('meetingdate').value;
  var time = document.getElementById('selecttime').value;
  var room = document.getElementById('selectroom').value;
  var duration = document.getElementById('selectduration').value;

    var input = {
      "resID": 2, "Capacity": cap, "Date": date, "Duration": duration, "roomID": room, "Time": time, "FullName": fullname
    };
    var params = {
        TableName: "Reservations",
        Item:  input
    };
    docClient.put(params, function (err, data) {

        if (err) {
            console.log("users::save::error - " + JSON.stringify(err, null, 2));                      
        } else {
            console.log("users::save::success" );                      
        }
    });
}

save();
};

message函数：

const message = () => {
document.getElementById("bodyid").innerHTML = "ROOM HAS BEEN 
RESERVED!";
 };

write函数将输入的数据写入到我的数据table中的表单中。 message 仅在单击按钮后显示一条消息。

Answer 1

只需将它们封装在一个回调中即可：

<button id="button" type="button" onclick="reserveRoom()"> 
    RESERVE ROOM
</button>

function reserveRoom() {
  [write, message].forEach(x => x());
}

单击一次 onClick 按钮后如何调用两个不同的函数

How to call two different functions after one click of an onClick button

html

javascript

onclick