title: Vanilla js vs jquery transformation
body: <p>I am little programmer who learning Jquery javascript but never really grasped vanilla javascript (i know I am a naughty programmer). My question is how would I go about replicating this functionality in vanilla JS?</p>
  <pre><code>if ($('form[name=&quot;sql&quot;] input[type=&quot;checkbox&quot;][name=&quot;masterblaster&quot;]').length &gt; 0) {
              $('form[name=&quot;sql&quot;] input[type=&quot;checkbox&quot;][name=&quot;masterblaster&quot;]').click(function () {
                  $('form[name=&quot;sql&quot;] input[type=&quot;checkbox&quot;][name=&quot;id[]&quot;]').prop('checked', $('form[name=&quot;sql&quot;] input[type=&quot;checkbox&quot;][name=&quot;masterblaster&quot;]').prop('checked'));
              });
          }
  
  $('#sqlActionsMenu').change(function () {
              var selected = $(this).val();
  
              if (selected == 'utf8') {
                  $('.runUtf8').show();
              } else {
                  $('.runUtf8').hide();
              }
          });
  </code></pre>