Untitled

import React, { useState } from 'react';

const Home = () => {
  // 2. Sukurkite visus reikiamus kintamuosius informacijai saugoti
  const [medziagosKaina, setMedziagosKaina] = useState('');
  const [valandos, setValandos] = useState('');
  const [valandinisUzdarbis, setValandinisUzdarbis] = useState('');
  const [parodytiInformacija, setParodytiInformacija] = useState(false);

  // 3. Išsaugoti informaciją po mygtuko paspaudimo
  const patvirtintiIvesti = () => {
    // Tikriname, ar visi laukai užpildyti
    if (medziagosKaina && valandos && valandinisUzdarbis) {
      // Išsaugoti informaciją į atitinkamus kintamuosius
      setParodytiInformacija(true);
    } else {
      alert('Užpildykite visus laukus!');
    }
  };

  // 5. Išvalyti laukelius po įvesties
  const isvalytiLaukelius = () => {
    setMedziagosKaina('');
    setValandos('');
    setValandinisUzdarbis('');
    setParodytiInformacija(false);
  };

  // 7. Paskaičiuoti bendras projekto išlaidas
  const skaiciuotiIslaidas = () => {
    if (!medziagosKaina || !valandos || !valandinisUzdarbis) {
      return 0; // Grąžiname 0, jei trūksta duomenų
    }
    const bendrosIslaidos = valandos * valandinisUzdarbis + parseFloat(medziagosKaina);
    return bendrosIslaidos;
  };

  // 8. Paskaičiuoti produkto kainą
  const skaiciuotiProduktoKaina = () => {
    const islaidos = skaiciuotiIslaidas();
    if (islaidos === 0) {
      return 0; // Grąžiname 0, jei trūksta duomenų
    }
    const produktoKaina = islaidos * 1.3; // Pridedame 30%
    return produktoKaina;
  };

  return (
    <div>
      {/* 1. Įvesties laukeliai ir mygtukas */}
      <div>
        <input
          type="text"
          placeholder="Medžiagos kaina"
          value={medziagosKaina}
          onChange={(e) => setMedziagosKaina(e.target.value)}
        />
      </div>
      <div>
        <input
          type="text"
          placeholder="Valandos dirbta"
          value={valandos}
          onChange={(e) => setValandos(e.target.value)}
        />
      </div>
      <div>
        <input
          type="text"
          placeholder="Valandinis uždarbis"
          value={valandinisUzdarbis}
          onChange={(e) => setValandinisUzdarbis(e.target.value)}
        />
      </div>
      <button onClick={patvirtintiIvesti}>Patvirtinti įvestį</button>

      {/* 4. Informacijos išvedimas */}
      {parodytiInformacija && (
        <div>
          <p>Medžiagos kaina: {medziagosKaina} eur</p>
          <p>Valandos dirbta: {valandos} val</p>
          <p>Valandinis uždarbis: {valandinisUzdarbis} eur/val</p>
          <p>Bendros išlaidos: {skaiciuotiIslaidas()} eur</p>
          <p>Produkto kaina: {skaiciuotiProduktoKaina()} eur</p>
        </div>
      )}

      {/* 5. Išvalyti laukelius po įvesties */}
      <button onClick={isvalytiLaukelius}>Išvalyti laukelius</button>
    </div>
  );
};

export default Home;