How to put multiple buttons on one form?

Question

JavaScript

hello i have a form

<form action="" >
  <input type="text" >
  <button type="submit">send</button>
  <button onclick="changeColor()">make green</button>
</form>
<script>
function changeColor(){
document.body.style.backgroundColor="green";
}
</script>

But how to make it so that the form is not sent / not checked for change color

Answer 1

The last button should be changed like this:

<button type="button" onclick="changeColor()">make green</button>

Answer 2

The second button must have a type (type) set