Change the text according to the user input

Ask the community
,
1

I wrote this code and I wonder if this right or wrong

export function InpServer_change(event) {
$w.onReady(() => {

//EUNE Server
let IronVI1 = “1$”;
let IronIII1 = “2$”;
let IronII1 = “3$”;
let IronI1 = “4$”;

let BronzeVI1 = “5$”;
let BronzeIII1 = “6$”;
let BronzeII1 = “7$”;
let BronzeI1 = “8$”;

//EUW Server

let IronVI2 = “2$”;
let IronIII2 = “4$”;
let IronII2 = “6$”;
let IronI2 = “8$”;

let BronzeVI2 = “10$”;
let BronzeIII2 = “12$”;
let BronzeII2 = “14$”;
let BronzeI2 = “16$”;
// OCE Server

let IronVI3 = “1$”;
let IronIII3 = “3$”;
let IronII3 = “5$”;
let IronI3 = “7$”;

let BronzeVI3 = “9$”;
let BronzeIII3 = “11$”;
let BronzeII3 = “13$”;
let BronzeI3 = “15$”;

//NA Server

let IronVI4 = “5$”;
let IronIII4 = “10$”;
let IronII4 = “15$”;
let IronI4 = “20$”;

let BronzeVI4 = “25$”;
let BronzeIII4 = “30$”;
let BronzeII4 = “35$”;
let BronzeI4 = “40$”;

//If the user select the EUNE Server

switch ($w(‘#InpServer’).value === “EUNE”) {

case ($w(‘#inpDesRank’).value === “Iron VI”):
$w(“#price”).text = IronVI1;
break;
case ($w(‘#inpDesRank’).value === “Iron III”):
$w(“#price”).text = IronIII1;
break;
case ($w(‘#inpDesRank’).value === “Iron II”):
$w(“#price”).text = IronII1;
break;
case ($w(‘#inpDesRank’).value === “Iron I”):
$w(“#price”).text = IronI1;
break;

case ($w(‘#inpDesRank’).value === “Bronze VI”):
$w(“#price”).text = BronzeVI1;
break;
case ($w(‘#inpDesRank’).value === “Bronze III”):
$w(“#price”).text = BronzeIII1;
break;
case ($w(‘#inpDesRank’).value === “Bronze II”):
$w(“#price”).text = BronzeII1;
break;
case ($w(‘#inpDesRank’).value === “Bronze I”):
$w(“#price”).text = BronzeI1;
break;
}

//If the user select the EUW Server

switch ($w(‘#InpServer’).value === “EUW”) {

case ($w(‘#inpDesRank’).value === “Iron VI”):
$w(“#price”).text = IronVI2;
break;
case ($w(‘#inpDesRank’).value === “Iron III”):
$w(“#price”).text = IronIII2;
break;
case ($w(‘#inpDesRank’).value === “Iron II”):
$w(“#price”).text = IronII2;
break;
case ($w(‘#inpDesRank’).value === “Iron I”):
$w(“#price”).text = IronI2;
break;

case ($w(‘#inpDesRank’).value === “Bronze VI”):
$w(“#price”).text = BronzeVI2;
break;
case ($w(‘#inpDesRank’).value === “Bronze III”):
$w(“#price”).text = BronzeIII2;
break;
case ($w(‘#inpDesRank’).value === “Bronze II”):
$w(“#price”).text = BronzeII2;
break;
case ($w(‘#inpDesRank’).value === “Bronze I”):
$w(“#price”).text = BronzeI2;
break;
}

//If the user select the OCE Server

switch ($w(‘#InpServer’).value === “OCE”) {

case ($w(‘#inpDesRank’).value === “Iron VI”):
$w(“#price”).text = IronVI3;
break;
case ($w(‘#inpDesRank’).value === “Iron III”):
$w(“#price”).text = IronIII3;
break;
case ($w(‘#inpDesRank’).value === “Iron II”):
$w(“#price”).text = IronII3;
break;
case ($w(‘#inpDesRank’).value === “Iron I”):
$w(“#price”).text = IronI3;
break;

case ($w(‘#inpDesRank’).value === “Bronze VI”):
$w(“#price”).text = BronzeVI3;
break;
case ($w(‘#inpDesRank’).value === “Bronze III”):
$w(“#price”).text = BronzeIII3;
break;
case ($w(‘#inpDesRank’).value === “Bronze II”):
$w(“#price”).text = BronzeII3;
break;
case ($w(‘#inpDesRank’).value === “Bronze I”):
$w(“#price”).text = BronzeI3;
break;

    }

//If the user select the Na Server

switch ($w(‘#InpServer’).value === “NA”) {

case ($w(‘#inpDesRank’).value === “Iron VI”):
$w(“#price”).text = IronVI4;
break;
case ($w(‘#inpDesRank’).value === “Iron III”):
$w(“#price”).text = IronIII4;
break;
case ($w(‘#inpDesRank’).value === “Iron II”):
$w(“#price”).text = IronII4;
break;
case ($w(‘#inpDesRank’).value === “Iron I”):
$w(“#price”).text = IronI4;
break;

case ($w(‘#inpDesRank’).value === “Bronze VI”):
$w(“#price”).text = BronzeVI4;
break;
case ($w(‘#inpDesRank’).value === “Bronze III”):
$w(“#price”).text = BronzeIII4;
break;
case ($w(‘#inpDesRank’).value === “Bronze II”):
$w(“#price”).text = BronzeII4;
break;
case ($w(‘#inpDesRank’).value === “Bronze I”):
$w(“#price”).text = BronzeI4;
break;
})
}

export function inpDesRank_change(event) {
$w.onReady(() => {

//EUNE Server
let IronVI1 = “1$”;
let IronIII1 = “2$”;
let IronII1 = “3$”;
let IronI1 = “4$”;

let BronzeVI1 = “5$”;
let BronzeIII1 = “6$”;
let BronzeII1 = “7$”;
let BronzeI1 = “8$”;

//EUW Server

let IronVI2 = “2$”;
let IronIII2 = “4$”;
let IronII2 = “6$”;
let IronI2 = “8$”;

let BronzeVI2 = “10$”;
let BronzeIII2 = “12$”;
let BronzeII2 = “14$”;
let BronzeI2 = “16$”;

// OCE Server

let IronVI3 = “1$”;
let IronIII3 = “3$”;
let IronII3 = “5$”;
let IronI3 = “7$”;

let BronzeVI3 = “9$”;
let BronzeIII3 = “11$”;
let BronzeII3 = “13$”;
let BronzeI3 = “15$”;

//NA Server

let IronVI4 = “5$”;
let IronIII4 = “10$”;
let IronII4 = “15$”;
let IronI4 = “20$”;

let BronzeVI4 = “25$”;
let BronzeIII4 = “30$”;
let BronzeII4 = “35$”;
let BronzeI4 = “40$”;

//If the user select the EUNE Server

switch ($w(‘#InpServer’).value === “EUNE”) {

case ($w(‘#inpDesRank’).value === “Iron VI”):
$w(“#price”).text = IronVI1;
break;
case ($w(‘#inpDesRank’).value === “Iron III”):
$w(“#price”).text = IronIII1;
break;
case ($w(‘#inpDesRank’).value === “Iron II”):
$w(“#price”).text = IronII1;
break;
case ($w(‘#inpDesRank’).value === “Iron I”):
$w(“#price”).text = IronI1;
break;

case ($w(‘#inpDesRank’).value === “Bronze VI”):
$w(“#price”).text = BronzeVI1;
break;
case ($w(‘#inpDesRank’).value === “Bronze III”):
$w(“#price”).text = BronzeIII1;
break;
case ($w(‘#inpDesRank’).value === “Bronze II”):
$w(“#price”).text = BronzeII1;
break;
case ($w(‘#inpDesRank’).value === “Bronze I”):
$w(“#price”).text = BronzeI1;
break;

    }

//If the user select the EUW Server

switch ($w(‘#InpServer’).value === “EUW”) {

case ($w(‘#inpDesRank’).value === “Iron VI”):
$w(“#price”).text = IronVI2;
break;
case ($w(‘#inpDesRank’).value === “Iron III”):
$w(“#price”).text = IronIII2;
break;
case ($w(‘#inpDesRank’).value === “Iron II”):
$w(“#price”).text = IronII2;
break;
case ($w(‘#inpDesRank’).value === “Iron I”):
$w(“#price”).text = IronI2;
break;

case ($w(‘#inpDesRank’).value === “Bronze VI”):
$w(“#price”).text = BronzeVI2;
break;
case ($w(‘#inpDesRank’).value === “Bronze III”):
$w(“#price”).text = BronzeIII2;
break;
case ($w(‘#inpDesRank’).value === “Bronze II”):
$w(“#price”).text = BronzeII2;
break;
case ($w(‘#inpDesRank’).value === “Bronze I”):
$w(“#price”).text = BronzeI2;
break;

    }

//If the user select the OCE Server

switch ($w(‘#InpServer’).value === “OCE”) {

case ($w(‘#inpDesRank’).value === “Iron VI”):
$w(“#price”).text = IronVI3;
break;
case ($w(‘#inpDesRank’).value === “Iron III”):
$w(“#price”).text = IronIII3;
break;
case ($w(‘#inpDesRank’).value === “Iron II”):
$w(“#price”).text = IronII3;
break;
case ($w(‘#inpDesRank’).value === “Iron I”):
$w(“#price”).text = IronI3;
break;

case ($w(‘#inpDesRank’).value === “Bronze VI”):
$w(“#price”).text = BronzeVI3;
break;
case ($w(‘#inpDesRank’).value === “Bronze III”):
$w(“#price”).text = BronzeIII3;
break;
case ($w(‘#inpDesRank’).value === “Bronze II”):
$w(“#price”).text = BronzeII3;
break;
case ($w(‘#inpDesRank’).value === “Bronze I”):
$w(“#price”).text = BronzeI3;
break;

    }

//If the user select the Na Server

switch ($w(‘#InpServer’).value === “NA”) {

case ($w(‘#inpDesRank’).value === “Iron VI”):
$w(“#price”).text = IronVI4;
break;
case ($w(‘#inpDesRank’).value === “Iron III”):
$w(“#price”).text = IronIII4;
break;
case ($w(‘#inpDesRank’).value === “Iron II”):
$w(“#price”).text = IronII4;
break;
case ($w(‘#inpDesRank’).value === “Iron I”):
$w(“#price”).text = IronI4;
break;

case ($w(‘#inpDesRank’).value === “Bronze VI”):
$w(“#price”).text = BronzeVI4;
break;
case ($w(‘#inpDesRank’).value === “Bronze III”):
$w(“#price”).text = BronzeIII4;
break;
case ($w(‘#inpDesRank’).value === “Bronze II”):
$w(“#price”).text = BronzeII4;
break;
case ($w(‘#inpDesRank’).value === “Bronze I”):
$w(“#price”).text = BronzeI4;
break;

    } 
})

}

$w(‘#price’).show();

The purpose of this code is when the value of Desired Rank input (that it’s id : #inpDesRank) the text (that it’s id : #price) will change according to the the value of Server input (that it’s id : #inpServer)

like this image:

1280×1024 47.9 KB

Thank you for your respond my other forums

2

This post is being moved to the “Community Discussions” category.