'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});
}