'use strict' let num1 = document.getElementById("input1") let num2 = document.getElementById("input2") let num3 = document.getElementById("input3") let num4 = document.getElementById("input4") let num5 = document.getElementById("input5") let num6 = document.getElementById("input6") let tucrez = document.getElementById("tuc_result") let tlcrez = document.getElementById("tlc_result") let chAtrez = document.getElementById("chAt_result") let subrez = document.getElementById("sub_result") let typeInput = document.getElementById("type"); function TUC(){ let val1 = num1.value let type = typeInput.value; fetch(`http://localhost:8080/toUpperCase/${val1}`) .then(response => response.text()) .then(data =>{tucrez.value=data}); } function TLC(){ let val1 = num2.value let type = typeInput.value; fetch(`http://localhost:8080/toLowerCase/${val1}`) .then(response => response.text()) .then(data =>{tlcrez.value=data}); } function CHAR(){ let val1 = num3.value let val2 = num4.value let type = typeInput.value; fetch(`http://localhost:8080/charAt/${val1}/${val2}`) .then(response => response.text()) .then(data =>{chAtrez.value=data}); } function SUB(){ let val1 = num5.value let val2 = num6.value let type = typeInput.value; fetch(`http://localhost:8080/substring/${val1}/${val2}`) .then(response => response.text()) .then(data =>{subrez.value=data}); }