Change the text according to the user input

eyadkhfarah · May 16, 2020, 4:38am

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 img.:

_or · May 24, 2020, 4:15pm

Hi,
Instead of saving all these variables and writing so much code you can set a value for each option in the dropdown and then easily calculate the right price.

eyadkhfarah · May 26, 2020, 3:50am

Could you explain me more

Topic		Replies	Views
Change the text according to the user input Ask the community code , question	1	119	May 17, 2020
Change the text according to the user input Ask the community code , question	1	139	May 24, 2020
How to Change the price according to the inputs Ask the community code , question	2	203	May 14, 2020
Answer based text Ask the community code , question	2	125	June 15, 2019
Small help with code Ask the community code , question	3	78	February 16, 2021

Change the text according to the user input

Related topics