LuckyArdhika/findProviderWithPrefix.html

## findProviderWithPrefix.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <input type="text" id="number" min="4" max="4">
  <button onclick="getProviderName()" type="button">Cek Provider</button>
  <script>
   const providers = {
    "telkomsel" : [
      0851, 0852, 0853, 0811, 0812, 0813, 0821, 0822, 0823
    ],
    "indosat" : [
      0814, 0815, 0816, 0855, 0856, 0857, 0858
    ],
    "xl" : [
      0817, 0818, 0819, 0859, 0877, 0878, 0879
    ],
    "tri" : [
      0895, 0896, 0897, 0898, 0899
    ],
    "smartfren" : [
      0881, 0882, 0883, 0884, 0885, 0886, 0887, 0888, 0889
    ],
    "axis" : [
      0838, 0831, 0832, 0833
    ],
  };

  function getProviderName() {
    const inputNumber = document.querySelector("#number");
    if(inputNumber.value === '' || inputNumber.value.length < 4) {
      alert('Please put number correctly!!!');
    } else {

      const number = parseInt(inputNumber.value);

      const keys = Object.keys(providers);
      for(let i=0; i < keys.length; i++) {
        const providerName = keys[i];
        const providerNumberPrefix = providers[providerName];

        providerNumberPrefix.forEach( function(provNumber){
          if(number === provNumber) {
            alert("Your provider number is : " + providerName);
          }
        });

      }

    }
  }
</script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	</head>
	<body>
	<input type="text" id="number" min="4" max="4">
	<button onclick="getProviderName()" type="button">Cek Provider</button>
	<script>
	const providers = {
	"telkomsel" : [
	0851, 0852, 0853, 0811, 0812, 0813, 0821, 0822, 0823
	],
	"indosat" : [
	0814, 0815, 0816, 0855, 0856, 0857, 0858
	],
	"xl" : [
	0817, 0818, 0819, 0859, 0877, 0878, 0879
	],
	"tri" : [
	0895, 0896, 0897, 0898, 0899
	],
	"smartfren" : [
	0881, 0882, 0883, 0884, 0885, 0886, 0887, 0888, 0889
	],
	"axis" : [
	0838, 0831, 0832, 0833
	],
	};

	function getProviderName() {
	const inputNumber = document.querySelector("#number");
	if(inputNumber.value === '' \|\| inputNumber.value.length < 4) {
	alert('Please put number correctly!!!');
	} else {

	const number = parseInt(inputNumber.value);

	const keys = Object.keys(providers);
	for(let i=0; i < keys.length; i++) {
	const providerName = keys[i];
	const providerNumberPrefix = providers[providerName];

	providerNumberPrefix.forEach( function(provNumber){
	if(number === provNumber) {
	alert("Your provider number is : " + providerName);
	}
	});

	}

	}
	}
	</script>
	</body>
	</html>