55 lines
1.5 KiB
JavaScript
55 lines
1.5 KiB
JavaScript
let calculateButton = document.getElementById("calculate-button");
|
|
let helloButton = document.getElementById("hello-button");
|
|
let yournamee = document.getElementById("yourname");
|
|
let numberOneInput = document.getElementById("number-1");
|
|
let numberTwoInput = document.getElementById("number-2");
|
|
let select = document.getElementById("operation");
|
|
let result = document.getElementById("my-card-text");
|
|
|
|
|
|
fetch(`http://localhost:8080/`)
|
|
.then(response => response.text())
|
|
.then(res => result.textContent = res);
|
|
|
|
|
|
helloButton.onclick = function() {
|
|
hello();
|
|
};
|
|
|
|
calculateButton.onclick = function() {
|
|
calculate();
|
|
};
|
|
|
|
function hello() {
|
|
let name = yournamee.value;
|
|
fetch(`http://localhost:8080/?name=${name}`)
|
|
.then(response => response.text())
|
|
.then(res => result.textContent = res);
|
|
}
|
|
|
|
function calculate() {
|
|
let address;
|
|
switch (parseInt(select.value)) {
|
|
case 1:
|
|
address = "sum";
|
|
break;
|
|
case 2:
|
|
address = "dif";
|
|
break;
|
|
case 3:
|
|
address = "mul";
|
|
break;
|
|
case 4:
|
|
address = "div";
|
|
break;
|
|
}
|
|
executeRequest(address);
|
|
}
|
|
|
|
function executeRequest(address) {
|
|
let num_1 = numberOneInput.value;
|
|
let num_2 = numberTwoInput.value;
|
|
fetch(`http://localhost:8080/${address}?num1=${num_1}&num2=${num_2}`)
|
|
.then(response => response.text())
|
|
.then(res => result.textContent ="Ответ: " + res);
|
|
} |