<input type="text">

<input type="text">

input.no-focus {
  outline: none;
}

input.no-focus {
  outline: none;
}

const inputs = document.querySelectorAll("input");
inputs.forEach(input => {
  input.addEventListener('pointerdown', focusInput);
  input.addEventListener('blur', blurInput)
})
function focusInput(e){
  e.target.classList.add("no-focus");
}
function blurInput(e){
  e.target.classList.remove("no-focus");
}

const inputs = document.querySelectorAll("input");
inputs.forEach(input => {
  input.addEventListener('pointerdown', focusInput);
  input.addEventListener('blur', blurInput)
})
function focusInput(e){
  e.target.classList.add("no-focus");
}
function blurInput(e){
  e.target.classList.remove("no-focus");
}

const filtered = array.map(entry => {
  const { name, office } = entry; /* deconstruct the object's specific keys */
  return { name, office } /* return an object with only those key/value pairs */
}

const filtered = array.map(entry => {
  const { name, office } = entry; /* deconstruct the object's specific keys */
  return { name, office } /* return an object with only those key/value pairs */
}

const results = people.filter(person => person.age === 10 && person.gender === 'male');

const results = people.filter(person => person.age === 10 && person.gender === 'male');

<form class="elrejt" id="teszta">
  <label>Tészta hozzávalója: </label><br>
  <input type="text" name="teszta_hozzavalo"><br>
  
  <label>Mennyiség: </label><br>
  <input type="number" name="teszta_mennyiseg" min="0" step=".01"><br>
  
  <label>Mértékegység: </label><br>
  <select name="teszta_mertekegyseg">
    <option value="sanyi">---válassz mértékegységet---</option>
    ...
  </select>
  <br>
  
  <button type="submit">Hozzáadás</button>
 
</form>

<form class="elrejt" id="teszta">
  <label>Tészta hozzávalója: </label><br>
  <input type="text" name="teszta_hozzavalo"><br>
  
  <label>Mennyiség: </label><br>
  <input type="number" name="teszta_mennyiseg" min="0" step=".01"><br>
  
  <label>Mértékegység: </label><br>
  <select name="teszta_mertekegyseg">
    <option value="sanyi">---válassz mértékegységet---</option>
    ...
  </select>
  <br>
  
  <button type="submit">Hozzáadás</button>
 
</form>

const tesztaTomb = [];
const form = document.querySelector("#teszta");
form.addEventListener('submit', handleFormSubmit)

function handleFormSubmit(e){
  e.preventDefault();
  const data = new FormData(e.target);
  const teszta_hozzavalo = data.get('teszta_hozzavalo');
  const teszta_mennyiseg = data.get('teszta_mennyiseg');
  const teszta_mertekegyseg = data.get('teszta_mertekegyseg');
  
  tesztaTomb.push({
    teszta_hozzavalo,
    teszta_mennyiseg,
    teszta_mertekegyseg
  })

  console.log(tesztaTomb)
}

const tesztaTomb = [];
const form = document.querySelector("#teszta");
form.addEventListener('submit', handleFormSubmit)

function handleFormSubmit(e){
  e.preventDefault();
  const data = new FormData(e.target);
  const teszta_hozzavalo = data.get('teszta_hozzavalo');
  const teszta_mennyiseg = data.get('teszta_mennyiseg');
  const teszta_mertekegyseg = data.get('teszta_mertekegyseg');
  
  tesztaTomb.push({
    teszta_hozzavalo,
    teszta_mennyiseg,
    teszta_mertekegyseg
  })

  console.log(tesztaTomb)
}