37 lines
1.4 KiB
JavaScript
37 lines
1.4 KiB
JavaScript
|
let calculateButton = document.getElementById("calculate");
|
||
|
|
let numberOneInput = document.getElementById("first");
|
||
|
|
let numberTwoInput = document.getElementById("second");
|
||
|
|
let resultInput = document.getElementById("res");
|
||
|
|
|
||
|
|
buttonPlus.onclick = function(event) {
|
||
|
|
event.preventDefault();
|
||
|
|
let num_1 = numberOneInput.value;
|
||
|
|
let num_2 = numberTwoInput.value;
|
||
|
|
fetch(`http://localhost:8080/sum?first=${num_1}&second=${num_2}`)
|
||
|
|
.then(response => response.text())
|
||
|
|
.then(res => resultInput.value = res);
|
||
|
|
}
|
||
|
|
buttonMinus.onclick = function(event) {
|
||
|
|
event.preventDefault();
|
||
|
|
let num_1 = numberOneInput.value;
|
||
|
|
let num_2 = numberTwoInput.value;
|
||
|
|
fetch(`http://localhost:8080/minus?first=${num_1}&second=${num_2}`)
|
||
|
|
.then(response => response.text())
|
||
|
|
.then(res => resultInput.value = res);
|
||
|
|
}
|
||
|
|
buttonMulti.onclick = function(event) {
|
||
|
|
event.preventDefault();
|
||
|
|
let num_1 = numberOneInput.value;
|
||
|
|
let num_2 = numberTwoInput.value;
|
||
|
|
fetch(`http://localhost:8080/multi?first=${num_1}&second=${num_2}`)
|
||
|
|
.then(response => response.text())
|
||
|
|
.then(res => resultInput.value = res);
|
||
|
|
}
|
||
|
|
buttonDiv.onclick = function(event) {
|
||
|
|
event.preventDefault();
|
||
|
|
let num_1 = numberOneInput.value;
|
||
|
|
let num_2 = numberTwoInput.value;
|
||
|
|
fetch(`http://localhost:8080/div?first=${num_1}&second=${num_2}`)
|
||
|
|
.then(response => response.text())
|
||
|
|
.then(res => resultInput.value = res);
|
||
|
|
}
|