Untitled
unknown
javascript
a year ago
2.9 kB
7
Indexable
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;
Editor is loading...
Leave a Comment