some random page

<!DOCTYPE html>
<html>
<head>
  <title></title>
  <script type="text/javascript">
    var i=0;

  function some()
  {
      if(i%2==0)
    {
        <!--document.getElementById("com").innerHTML="";-:
      document.getElementById("com").style.display="inline";
    i++;
      }
      else
        {
        document.getElementById("com").style.display="none";
        i++;
        }
    }

  function help()
{
 var x=document.getElementById("one").value;
  if(x==="two")
  {
  document.getElementById("six").style.display="inline";
  }

  if(x==="three" || x==="four" || x==="five")
  {
  document.getElementById("seven").style.display="inline";
  }
}
  </script>
</head>
<body>
<form class="form-horizontal" role="form" name="fillContractForm" cam-form >

<b>ONE:</b>
<input class="form-control" cam-variable-type="String" cam-variable-name="ONE"   name="ONE"   readonly="true" style="border:none;background:white" />
<br><br>
<b>TWO :</b>
<input class="form-control" cam-variable-type="String" cam-variable-name="one" id="one" name="one" readonly="true" style="border:none;background:white" >
<br><br>
<input cam-variable-name="link1" cam-variable-type="String" id="link1" class="form-control" type="hidden" />


  <script cam-script type="text/form-script">

  camForm.on('variables-fetched', function(){
   var link11 = camForm.variableManager.variableValue('link1');
   document.getElementById('links1').setAttribute("href",link11);
  });

</script>
<b>Link for doc(s) :</b>
<a id="links1" target="_blank" ><b> Document Link </b> </a>
<br>
<br>

<b>THREE :</b><input class="form-control" cam-variable-type="String" cam-variable-name="THREE"   name="THREE"   readonly="true" style="border:none;background:white" />
<br>
<br>
<b>FOUR :</b>  <input class="form-control" cam-variable-type="String" cam-variable-name="FOUR"   name="FOUR"   readonly="true" style="border:none;background:white" />
<br>
<br>
<b>People to be informed -</b>
<br>
<br>
<b>Person1 :</b><input class="form-control" cam-variable-type="String" cam-variable-name="SIX"   name="SIX"   readonly="true" style="border:none;background:white" />
<br>
<br>
<b>Person2 :</b><input class="form-control" cam-variable-type="String" cam-variable-name="SEVEN"   name="SEVEN"   readonly="true" style="border:none;background:white" />
<br>
<b>EIGHT :</b>
<input class="form-control" cam-variable-type="String" cam-variable-name="EIGHT"   name="EIGHT"   readonly="true" style="border:none;background:white" />

<br>
<br>
<span id="six" hidden>
   <b>NINE: </b>
  <input class="form-control" type="text" cam-variable-type="String" cam-variable-name="NINE" name="NINE"  readonly="true" style="border:none;background:white" /><br>
  <b>TEN: </b>
  <input class="form-control" type="text" cam-variable-type="String" cam-variable-name="TEN" name="TEN" readonly="true" style="border:none;background:white"  /><br>
  <b>ELEVEN: </b>
  <input class="form-control" type="number" cam-variable-type="String" cam-variable-name="ELEVEN" name="ELEVEN"readonly="true" style="border:none;background:white"  />
</span>
<br>
<span id="seven" hidden>
<b>TWELVE: </b>
  <input class="form-control" type="number" cam-variable-type="String" cam-variable-name="TWELVE" name="TWELVE"
 readonly="true" style="border:none;background:white"  />
</span>
<br>
<b>EXTRA COMMENTS :</b>
<br>
<textarea rows="4" cols="100" cam-variable-type="String" cam-variable-name="TWELVE" name="TWELVE" placeholder="enter data here"></textarea>
<br>
<br>
<iframe onload="help()" src="localhost" hidden>To call some function on-load of page</iframe>

<b>Docs correct ??</b>
<input id="docscorrect" type="checkbox" class="form-control" cam-variable-type="Boolean" cam-variable-name="docscorrect" name="docscorrect" onclick="some()" />
<br><br>

<span id="com" hidden>
<b>FOURTEEN  :</b><input cam-variable-name='FOURTEEN' cam-variable-type='String' id='FOURTEEN' class='form-control' type='text' />
</span>

</form>
</body>
</html>