app.js

window.addEventListener("DOMContentLoaded", async () => {
 const contractAddress = "0x4e069Fd67cD7840748511B1d6cc836497c4494a9";
 const abi = [{"type":"constructor","inputs":[{"name":"_name","type":"string","internalType":"string"},{"name":"_description","type":"string","internalType":"string"},{"name":"_goal","type":"uint256","internalType":"uint256"}],"stateMutability":"nonpayable"},{"type":"function","name":"description","inputs":[],"outputs":[{"name":"","type":"string","internalType":"string"}],"stateMutability":"view"},{"type":"function","name":"donations","inputs":[{"name":"","type":"uint256","internalType":"uint256"}],"outputs":[{"name":"donor","type":"address","internalType":"address"},{"name":"amount","type":"uint256","internalType":"uint256"}],"stateMutability":"view"},{"type":"function","name":"donorCount","inputs":[],"outputs":[{"name":"","type":"uint256","internalType":"uint256"}],"stateMutability":"view"},{"type":"function","name":"donors","inputs":[{"name":"index","type":"uint256","internalType":"uint256"}],"outputs":[{"name":"donor","type":"address","internalType":"address"},{"name":"amount","type":"uint256","internalType":"uint256"}],"stateMutability":"view"},{"type":"function","name":"fund","inputs":[],"outputs":[],"stateMutability":"payable"},{"type":"function","name":"goal","inputs":[],"outputs":[{"name":"","type":"uint256","internalType":"uint256"}],"stateMutability":"view"},{"type":"function","name":"owner","inputs":[],"outputs":[{"name":"","type":"address","internalType":"address"}],"stateMutability":"view"},{"type":"function","name":"projectName","inputs":[],"outputs":[{"name":"","type":"string","internalType":"string"}],"stateMutability":"view"},{"type":"function","name":"refund","inputs":[],"outputs":[],"stateMutability":"nonpayable"},{"type":"function","name":"totalFunds","inputs":[],"outputs":[{"name":"","type":"uint256","internalType":"uint256"}],"stateMutability":"view"},{"type":"function","name":"withdraw","inputs":[],"outputs":[],"stateMutability":"nonpayable"}];
  const fundBtn = document.getElementById("fundBtn");
 const withdrawBtn = document.getElementById("withdrawBtn");
 const refundBtn = document.getElementById("refundBtn");
 const projectNameEl = document.getElementById("projectName");
 const descriptionEl = document.getElementById("description");
 const goalEl = document.getElementById("goal");
 const totalFundsEl = document.getElementById("totalFunds");
 const ownerEl = document.getElementById("owner");
 const amountInput = document.getElementById("amount");
 const progressFill = document.getElementById("progress");
 const donationsList = document.getElementById("donationsList");
 const connectBtn = document.getElementById("connectBtn");
 let provider, signer, contract;
 connectBtn.onclick = async () => {
 if (!window.ethereum) { alert("Установите MetaMask!"); return; }
 try {
 provider = new ethers.BrowserProvider(window.ethereum);
 await provider.send("eth_requestAccounts", []);
 signer = await provider.getSigner();
 contract = new ethers.Contract(contractAddress, abi, signer);
 const account = await signer.getAddress();
 connectBtn.innerText = "Подключено: " + account.slice(0,6) + "...";
 loadContractData();
 } catch (err) { console.error(err); alert("Ошибка подключения: " + err.message); }
 };
 async function loadContractData() {
 if (!contract) return;
 const name = await contract.projectName();
 const desc = await contract.description();
 const goal = await contract.goal();
 const total = await contract.totalFunds();
 const owner = await contract.owner();
 projectNameEl.textContent = name;
 descriptionEl.textContent = desc;
 goalEl.textContent = ethers.formatEther(goal);
 totalFundsEl.textContent = ethers.formatEther(total);
 ownerEl.textContent = owner;
 const progressPercent = Math.min(100, Number(ethers.formatEther(total)) /
Number(ethers.formatEther(goal)) * 100);
 progressFill.style.width = progressPercent + "%";
 donationsList.innerHTML = "";
 const donorCount = await contract.donorCount();
 for (let i = 0; i < donorCount; i++) {
 const d = await contract.donors(i);
 if (Number(d.amount) > 0) {
 const li = document.createElement("li");
 li.textContent = `${d.donor}: ${ethers.formatEther(d.amount)} ETH`;
 donationsList.appendChild(li);
 }
 }
 }
 fundBtn.onclick = async () => {
 if (!contract) return alert("Сначала подключите MetaMask!");
 const ethAmount = amountInput.value;
 if (!ethAmount || Number(ethAmount) <= 0) return alert("Введите корректное количество ETH");
 try { await (await contract.fund({ value: ethers.parseEther(ethAmount) })).wait();
loadContractData(); }
 catch (err) { console.error(err); alert("Ошибка пожертвования: " + err.message); }
 };
 withdrawBtn.onclick = async () => { if (!contract) return alert("Сначала подключите MetaMask!"); try { await (await contract.withdraw()).wait(); loadContractData(); } catch (err)
{ console.error(err); alert("Ошибка вывода: " + err.message); } };
 refundBtn.onclick = async () => { if (!contract) return alert("Сначала подключите MetaMask!"); try { await (await contract.refund()).wait(); loadContractData(); } catch (err) {
console.error(err); alert("Ошибка возврата: " + err.message); } };
});