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>
  <meta charset="utf-8">
  <title>JS Bin</title>
  <meta name=viewport content="width=device-width, initial-scale=1">
​
​
​
</head>
​
<body>
  <h1>Business planning tool</h1>
  <div class="memo">
  <h3>Use case</h3>
  Renting a property in Singapore for 5000SGD a month. A widget's cost price is 100SGD. How many do you have to sell before you make rent?
  <p>
  How many do you have to sell to make rent and pay minimum salary of 3000SGD a month.
  
  <!-- <form>
  <input type=number name=rent placeholder="Monthly rent">
  <input type=number name=widgetcost placeholder="Widget cost"> `
  </form>
   -->
​
  <form onsubmit="return false" oninput="doCalc(this)">
    <label>Rent
      <input name=irent type=number step=1 min=0 placeholder=Rent value=5000>
    </label>
    <label>Cost of widget
​
      <input name=icost min=0 type=number step=0.01 placeholder=Cost value=10>
    </label>
    <label>Volume
      <input name=ivolume min="0" max="1000" type=range step=1 placeholder=Volume>
      <output name=volume for=""></output>
      <label>Volume per day
            <output name=dvolume for=""></output>
      </label>
​
    </label>
    <label>Price
      <input min=0 name=iprice type=number step=0.01 placeholder=Price value=20>
    </label>
    <output name=o for=""></output>
​
  </form>
 
label { display: inline-block; width: 100%}
 
l
Output

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

Dismiss x
public
Bin info
hendrypro
0viewers