Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html ng-app='app'>
​
<head>
​
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
​
<body ng-controller="MyCtrl">
  <script>
    
  </script>
  <form>
    Choose the country you want to call
    <select id="country" onchange="updatecountrycode();">
      <option>Choose Country</option>
      <option value="44" id="uk">United Kingdom</option>
      <option value="353" id="ire">Ireland</option>
    </select>
    <br>
    <br> Enter Phone Number
    <input type="text" id="phnm" onchange="updatenumber()">
    <br>
  </form>
  <button type="button" onclick="fullnumber()">complete number will display</button>
  <p id="output">test</p>
</body>
​
</html>
 
    var countrycode = document.getElementById("country").value;
    var phonenumber;
​
    function updatecountrycode() {
      // Updates country code on user change //
      countrycode = document.getElementById("country").value;
    }
​
    function fullnumber() {
      // Displays country code + phone number //
      phonenumber = document.getElementById("phnm").value;
      document.getElementById("output").innerHTML = 9011 + countrycode + parseInt(phonenumber);
    }
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
mzohaibqcpro
0viewers