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>
<head>
</head>
<body>
  
  <table cellpadding='5' border='1' style="text-align:center">
    <tr>
      <td><b>Name</b></td>
      <td><b>Weapon Power</b></td>
      <td><b>Magic Power</b></td>
      <td><b>Points Left</b></td>
    </tr>
    <tr>
      <td><b>Wizard</b></td>
      <td>
      
        <input id="WizardWeaponVal" type=text" value="55"         style="width:30px" />
  <input id="btnAdd" type="button" value="+" onclick="add(wizard, 'weapon');" />
  <input id="btnSubtract" type="button" value="-" onclick="subtract(wizard, 'weapon');" />
​
      </td>
      <td>
        
        <input id="WizardMagicVal" type=text" value="50" style="width:30px" />
  <input id="btnAdd" type="button" value="+" onclick="add(wizard, 'magic');" />
  <input id="btnSubtract" type="button" value="-" onclick="subtract(wizard, 'magic');" />
       
      </td>
      <td>
      
        <input id="WizardRemainingPointsVal" type=text" value="30" style="width:30px" />
      </td>
    </tr>
    <tr>
      <td><b>Warrior</b></td>
      <td>
        
        <input id="WarriorWeaponVal" type=text" value="65" style="width:30px" />
  <input id="btnAdd" type="button" value="+" onclick="add(warrior, 'weapon');" />
  <input id="btnSubtract" type="button" value="-" onclick="subtract(warrior, 'weapon');" />
​
      </td>
      <td>
          
        <input id="WarriorMagicVal" type=text" value="40" style="width:30px" />
  <input id="btnAdd" type="button" value="+" onclick="add(warrior, 'magic');" />
  <input id="btnSubtract" type="button" value="-" onclick="subtract(warrior, 'magic');" />
     
      </td>
      <td>
          
        <input id="WarriorRemainingPointsVal" type=text" value="30" style="width:30px" />
      
      </td>
    </tr>
  </table>
  
</body>
</html>
 
var warrior =
    {
      weapon: "WarriorWeaponVal",
      magic: "WarriorMagicVal",
      points: "WarriorRemainingPointsVal",
      limits: {
        weapon: 65,
        magic:40
              }
    };
​
var wizard = 
     {
      weapon: "WizardWeaponVal",
      magic: "WizardMagicVal",
      points: "WizardRemainingPointsVal",
       limits: {
        weapon: 55,
        magic:50
              }
    };
​
function add(character, stat)
{
  var txtNumber = document.getElementById(character[stat]);
  var newNumber = parseInt(txtNumber.value) + 1;
  var pointsVal = document.getElementById(character["points"]);
  if(pointsVal.value == 0) return;
  var newPoints = parseInt(pointsVal.value) - 1;
  pointsVal.value = newPoints; 
  txtNumber.value = newNumber;
}
​
function subtract(character, stat)
{
  var txtNumber = document.getElementById(character[stat]);
  var newNumber = parseInt(txtNumber.value) - 1;
  if(newNumber < character.limits[stat]) return;
    var pointsVal = document.getElementById(character["points"]);
  var newPoints = parseInt(pointsVal.value) + 1;
  pointsVal.value = newPoints; 
  txtNumber.value = newNumber;
}
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers