"use strict";

document.querySelector("#predict-form").addEventListener("submit", async (e) => {
	e.preventDefault();
	const sequence = document.querySelector("#sequence").value;
	const smiles = document.querySelector("#substrate").value;

	console.log(sequence);

	const data = await prediction(sequence, smiles);

	document.querySelector("#km-result").innerText = data.km;
	document.querySelector("#kcat-result").innerText = data.kcat;
	document.querySelector("#vmax-result").innerText = data.vmax;
});
MNQRGMPIQSLVTNVKINRLEENDCIHTRHRVRPGRTDGKNLHAMMIQHCVSGSARNYQCRGTNELEHGLTEIARLVRSNDTNPDDHIGGAELVAILGNESYTELDIEVMCEASIKPTAARVAVKAVVSLDNMEYDLLFGRETLYAGTPLDLMFESEGPAAAVADLDPHYKLNLTGPRNVELGCRPKRAADDQIKMRWECEALSRVYYQGHEALSLKFDMVEAAIIVEILEWINNEEPTRLAAYIACFIAIQQHVGVFTGVAANEKLEARLGVQQKAKTDRCTENNSTGAEKQAEGLHFRVKPNALPEETLESTLPMAVSLGYPTAMRVLISEKRIRYGYDALVSTGALVSFGLSQGEKNYPWLKQSSLLGLLLHVFGYETEPGILRGARAQYGKGEQLLDFMTLPKTDEGPYKKNRYDSENAGQGEGGAIEVNGKIEKQLHEMLWTQDKKDVLGNAKHEFKLPIAQTEELKMRPPMLELNHTIELTEDPKVRASVLSLAGPLRWTIDLKFCAIFDGAVEEMYSKTSYKETACMKGLMPLDENKIEAPMILGCQLPAGLCLAAGVAGPGDRPGKEAGDDRTSLGVLPLLAEESNVRNDLF
CC(=O)Nc1ccc(O)cc1
const prediction = async (sequence, smiles) => {
	const response = await fetch(`predict?sequence=${sequence}&smiles=${smiles}`);
	const data = await response.json();
	return data;
};