Lottery Test

by Vince

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div id="output">output</div>
<table class="table">
  <tr>
    <td placeholder="1"><input type="text" data-lottery="1" class="form-control" value="23141"></td>
    <td placeholder="1"><input type="text" data-lottery="2" class="form-control" value="23141"></td>
    <td placeholder="1"><input type="text" data-lottery="3" class="form-control" value="23141"></td>
    <td placeholder="1"><input type="text" data-lottery="4" class="form-control" value="23141"></td>
    <td placeholder="1"><input type="text" data-lottery="5" class="form-control" value="23141"></td>
    <td placeholder="1"><input type="text" data-lottery="6" class="form-control" value="23141"></td>
    <td placeholder="1"><input type="text" data-lottery="7" class="form-control" value="23141"></td>
  </tr>
  <tr>
    <td class="text-center"><span data-rand="1">rand</span></td>
    <td class="text-center"><span data-rand="2">rand</span></td>
    <td class="text-center"><span data-rand="3">rand</span></td>
    <td class="text-center"><span data-rand="4">rand</span></td>
    <td class="text-center"><span data-rand="5">rand</span></td>
    <td class="text-center"><span data-rand="6">rand</span></td>
    <td class="text-center"><span data-rand="7">rand</span></td>
  </tr>
</table>

JavaScript

var output = document.querySelector('#output')
var lottery = document.querySelectorAll('[data-lottery]')

output.innerHTML = lottery