title: How to avoid tampering of javascript / HTML elements
body: <p>in my <a href="https://jsfiddle.net/u1zugr9L/5/" rel="nofollow noreferrer">fiddle</a> I have an example that should only allow a user to click submit by turning the submit button element disabled to false based on some calculated javascript.</p>
  
  <pre><code>  function enable(TVD) {
      if (TVD[TVD.length - 1] &gt;= trueTVD - 5 &amp;&amp; TVD[TVD.length - 1] &lt;= trueTVD + 5) {
        //console.log(TVD[TVD.length - 1]);
        $('#submitButton').prop("disabled", false);
      } else {
        $('#submitButton').prop("disabled", true);
      }
    }
  </code></pre>
  
  <p>What has happened is that I have found that some users have managed to bypass this presumably by using something like dev tools. </p>
  
  <p>I would like to design this such that my security cant be bypassed. How do I accomplish this goal or hide the javascript from dev tools?</p>