JSFiddle - React, Tailwind, and code Playground

HTML

<input id="ingredient.value">
<button id="addIngredient">Add ingredient</button>
<button id="save">Save</button>

JavaScript

var ingredients=[];

document.getElementById("addIngredient").onclick=()=> {
	ingredients.push(document.getElementById("ingredient.value"));
}