title: Vanilla JavaScript instead of jQuery - ready, on, click and end selector
body: <p>I have in jQuery:</p>
  
  <pre><code>$(document).ready(function() {
     $(document).on('click', "[id$='someId']", function () {
        console.log($(this).val());
     })
  })
  </code></pre>
  
  <p>How can I write it in pure JavaScript?</p>
  
  <blockquote>
    <p>$(document).ready(function()</p>
  </blockquote>
  
  <p>Should I use "ready" in pure JavaScript? </p>
  
  <blockquote>
    <p>$(document).on</p>
  </blockquote>
  
  <p>How can I use "on"? I have to add dynamic elements, so in jQuery I must use "on".</p>
  
  <p>I would like write this in accordance with ES6.</p>