"use strict";

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

	const data = await prediction(sequence, smiles);

	document.getElementById("km-result").innerText = data.km;
	document.getElementById("kcat-result").innerText = data.kcat;
	document.getElementById("vmax-result").innerText = data.vmax;
});

const prediction = async (sequence, smiles) => {
	const response = await fetch(`predict?sequence=${sequence}&smiles=${smiles}`);
	const data = await response.json();
	return data;
};