let calculateButton = document.getElementById("calculate");
let numberOneInput = document.getElementById("first");
let numberTwoInput = document.getElementById("second");
let resultInput = document.getElementById("res");
let typeInput = document.getElementById("type");

function f(operation, event){
    event.preventDefault();
    let num_1 = numberOneInput.value;
    let num_2 = numberTwoInput.value;
    let type = typeInput.value;
    fetch('http://localhost:8080/sum?first=${num_1}&second=${num_2}&type=${type}')
        .then(response => response.text())
        .then(res => {
        resultInput.value = res;
    });
}


buttonPlus.onclick = function(event) {
    f("sum",event);
}
buttonMinus.onclick = function(event) {
    f("minus",event);
}
buttonMulti.onclick = function(event) {
    f("multi",event);
}
buttonDiv.onclick = function(event) {
    f("div",event);
}