index.html

  
<link rel="stylesheet" href="https://unpkg.com/@primer/css/dist/primer.css">
<div class="color-bg-canvas-inset pb-6">
  <header class="container-lg mx-auto p-responsive d-flex flex-items-center flex-wrap flex-md-nowrap pt-3 pb-6">
   

<div class="container-lg mx-auto py-6 p-responsive">
  <div class="markdown-body">
    <h1>Example</h1>
    <ul class="f3 py-4">
      <li>This is an example of disabling an input on click</li>
      <br>
      <p> Click a non disabled button</p>
      <input type="button" id="elementId" name="lname" form="form1" value="Option 1" disabled>

<input type="button" value="Option 2"  id="elementId2" name="lname" form="form1">
      
     <p id="value_chosen">No Value Chosen</p>  
  </div>
</div>

<script src="./assets/disable_input.js"></script>