如何让点击1个按钮改变多个东西的.innerhtml？

Question

我是一个新的javascript和编程，我试图为我的锻炼做一个程序。我希望能够输入我所做的训练次数、重复次数和重量，然后让程序输出整数，为我的下一次训练增加挑战性。在底部，我试图让回车键改变两个不同元素的.innerHTML。这可能吗？

`

var userMovement1 = document.getElementById("movement-1").value;
var userSet1 = document.getElementById("set-user-1").value;
var userReps1 = document.getElementById("reps-user-1").value;
var userWeight1 = document.getElementById("weight-user-1").value;
var enterButton = document.getElementById("enter-button");

//Function will calculate the reps for the next workout

function calculateFutureReps(performedReps) {

var futureReps = performedReps;

if (performedReps < 12) {

    return futureReps += 2; 

} else if (performedReps >= 12) {

    return futureReps = 6;
}
 }

 //Function will calculate the weight for the next workout

function calculateFutureWeight(performedWeight) {

var futureWeight = performedWeight
if (performedWeight < 12) {

    return futureWeight; 

} else if (performedWeight >= 12) {

    return futureWeight += 10;
}
 }

 //Getting the value of the functions and storing them in a variable

var newReps = calculateFutureReps(userReps1).value;
var newWeight = calculateFutureReps(userWeight1).value;

//Making that variable show up on the DOM

enterButton.onclick() = document.getElementById("reps-next-1").innerHTML = newReps;
enterButton.onclick() = document.getElementById("weight-next-1").innerHTML = newWeight;`

Answer 1

你可以做这样的东西来处理点击，是一个函数，做任何你想在那里。

enterButton.addEventHandler('click', function() {
  document.getElementById("reps-next-1").innerHTML = newReps;
  document.getElementById("weight-next-1").innerHTML = newWeight;
});
`