"use strict";

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

	const sequence = document.querySelector("#sequence").value;
	const smiles = document.querySelector("#substrate").value;

	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;

});

const prediction = async (sequence, smiles) => {
	
	const response = await fetch("/", {
		method: "POST",
		body: {
			sequence: sequence,
			smiles: smiles,
		}
	});
	const data = await response.json();
	return data;
};