I m building a vending machine in JavaScript to learn it. But now I have a problem. All values are from 3 input fields which i hand over. So I want to build a function to check If a snack is in already existing. If it's exist it should add the new price and the existing stock will added with the stock out of my input field. If the snack is not in the machine it will be added. This is what I already have.
var selection = [
{name: "fanta", price: 1.60, stock: 4},
{name: "cola", price: 1.70, stock: 3},
{name: "nuts", price: 1.10, stock: 8},
{name: "mars", price: 1.20, stock: 2},
{name: "snickers", price: 1.20, stock: 5}
];
function new_snack_snack(selection){
var new_price_input = document.getElementById("new_price").value;
var new_stock_input = document.getElementById("new_stock").value;
var new_snack_input = document.getElementById("new_snack").value;
selection.push({name: new_snack_input, price: new_price_input, stock: new_stock_input});
console.log(selection);
document.getElementById("snack_table_output").innerHTML = create_table();
}
var selection = [{
name: "fanta",
price: 1.60,
stock: 4
},
{
name: "cola",
price: 1.70,
stock: 3
},
{
name: "nuts",
price: 1.10,
stock: 8
},
{
name: "mars",
price: 1.20,
stock: 2
},
{
name: "snickers",
price: 1.20,
stock: 5
}
];
function new_snack_snack(selection) {
var new_price_input = document.getElementById("new_price").value;
var new_stock_input = document.getElementById("new_stock").value;
var new_snack_input = document.getElementById("new_snack").value;
if (!selection.find(item => item.name === new_snack_input) {
selection.push({
name: new_snack_input,
price: new_price_input,
stock: new_stock_input
});
}
console.log(selection);
document.getElementById("snack_table_output").innerHTML = create_table();
}