title: Javascript inputfile contact form
body: <p>i am struggling with importing the following JS code</p>
  
  <pre><code>'use strict';
  
  ;( function ( document, window, index )
  {
  var inputs = document.querySelectorAll( '.inputfile' );
  Array.prototype.forEach.call( inputs, function( input )
  {
      var label    = input.nextElementSibling,
          labelVal = label.innerHTML;
  
      input.addEventListener( 'change', function( e )
      {
          var fileName = '';
          if( this.files &amp;&amp; this.files.length &gt; 1 )
              fileName = ( this.getAttribute( 'data-multiple-caption' ) || '' ).replace( '{count}', this.files.length );
          else
              fileName = e.target.value.split( '\\' ).pop();
  
          if( fileName )
              label.querySelector( 'span' ).innerHTML = fileName;
          else
              label.innerHTML = labelVal;
      });
  
      // Firefox bug fix
      input.addEventListener( 'focus', function(){ input.classList.add( 'has-focus' ); });
      input.addEventListener( 'blur', function(){ input.classList.remove( 'has-focus' ); });
  });
  }( document, window, 0 ));
  </code></pre>
  
  <p>On this website: <a href="https://pimarketing.flywheelsites.com/careers/" rel="nofollow noreferrer">https://pimarketing.flywheelsites.com/careers/</a></p>
  
  <p>The error i get in the debugger is: TypeError: label is null.</p>
  
  <p>I guess something goes wrong with input.nextElementSibling. It should show the inputfile name but it doesn't. Any help would be appriciated</p>