Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Luckydraw test</title>
  <script src="https://code.jquery.com/jquery.min.js"></script>
  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>
  <div class="container">
    <div class="row">
      <div class="col">
        <div class="app">
          <h2>LuckyDraw simulation</h2>
          <p>Add voucher no and tickets counts seperated by line</p>
          <textarea class="inputBox" name="data" id="dataTable" cols="30" rows="10"></textarea>
          <script src="https://cdn.jsdelivr.net/lodash/4/lodash.min.js"></script>
          <button class='btn btn-default btn-xs' id="addSampleData">Add Sample 250 samples</button>
          <button class='btn btn-default btn-xs' id="confirmData">Confirm Data</button>
          <button class='btn btn-default btn-xs' id="resetData">Reset Data</button>
          <hr>
          <!-- <label for="prizeCount">Prize Count</label> -->
          <!-- <input type="number" min="1" max="10" id="prizeCount"> -->
          <button class='btn btn-primary btn-xs' id="start">SELECT RANDOM 100</button>
      
          <br>
          <textarea class="inputBox" disabled="disabled" id="resultTable"></textarea>
        </div>
        </div>
    </div>
    
  </div>
     
</body>
</html>
 
.app {
  padding: 15px;
  overflow: hidden;
  position: relative;
}
textarea.inputBox {
  width: 100%;
  height: 300px;
  font-size: 14px;
  font-family: monospace
}
#resetData {
  float: right;
}
Output

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

Dismiss x
public
Bin info
greenlikeorangepro
0viewers