Order Entry Simulation

Style CSS

.table {
  
    border: 1px solid black;
  border-collapse: collapse;
}
.table2 {
  background-color: rgb(232, 223, 223);
    border: 1px solid black;
  border-collapse: collapse;
}
.th  {
  padding: 5px;
  text-align: left;   
     border: 1px solid black;
  border-collapse: collapse;

}
.td {
  padding: 6px;
    text-align: left;
     border: 1px solid black;
  border-collapse: collapse;
}
.tr {
  padding: 5px;
  text-align: left;
     border: 1px solid black;
  border-collapse: collapse;
}
.input
    {
    box-sizing: border-box;
    border: 2px solid black;
    background-color: lightgoldenrodyellow;
    }

    button{
       margin:   10px 25px;  
    }
    p.b { 
  word-spacing: 25px;
}
.button1 {
  background-color: rgb(184, 179, 178);
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
  margin-left:1000px;
}
.button2 {
  background-color: rgb(255, 85, 0);
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
  margin-left:1000px;

}
    a{
	text-decoration:none;
	color:white;
	}

JavaScript

function myFunctiona(){

  var x = document.getElementById("market1").value;
  return x;

}
function myFunctionb(){

  var x = document.getElementById("cars123").value;
  return x;

}
function myFunctionc(){

  var x = document.getElementById("car123").value;
  return x;

}
function myFunctiond(){

  var x = document.getElementById("cas123").value;
  return x;

}
function myFunctione(){

  var x = document.getElementById("cars321").value;

  
  if(x!=1){
  document.getElementById("change").innerHTML=" &#10060 the ticket is not valid	";
  }
return x;
}
function myFunctionf(){

  var x = document.getElementById("i123").value;
  var a=myFunction();
  var b=myFunctiona();
  var c=myFunctionb();
  var d=myFunctionc();
  var e=myFunctiond();
  var f=myFunctione();
  if(a==2&&b==00&&c==1&&d==1&&e==1&&f==1&&x==1){
  document.getElementById("change").innerHTML=" ✅ the ticket is valid";
  }
  else{
  document.getElementById("change").innerHTML=" &#10060Ticket is NOT VALID to REVIEW	";
  
  }
return x;
}
function myFunction() {

  var x = document.getElementById("cars1").value;
  var i= document.getElementById("first2").value;
 var j= document.getElementById("second2").value;
 var k= document.getElementById("third2").value;
 var count=0;
 if(k=="000"){
	 count++;
 }
 if(i=="999"){
	 count++;
 }
 if(j=="23456"||j=="34567"){
	 count++;
 }
 if(count==3){

  if(x==2){
  document.getElementById("1").style.background = "rgb(252, 1, 1)";
   for(var y=2;y<=9;y++)
  {
  document.getElementById(y).style.background = "rgb(255, 240, 240)";
  }
  }
 
   else {
  document.getElementById("1").style.background = "rgb(255, 255, 255)";
  for(var y=2;y<=9;y++)
  {
  document.getElementById(y).style.background = "rgb(255, 255, 255)";
  }
  }
  
	return x;
}
else if(count<3){
	
	alert("please enter the valid number");
}
}
function myFunction12() {
  var x = document.getElementById("market1").value;
  var t = document.getElementById("fname312").value;
  var precision = 100;
var randomnum = Math.floor(Math.random() * (100 * precision - 1 * precision) + 1 * precision) / (1*precision);
  var precision2 = 10;
var randomnum1 = Math.floor(Math.random() * (10 * precision2 - 1 * precision2) + 1 * precision2) / (1*precision2);
  var precision1 = 10;
var randomnum2 = Math.floor(Math.random() * (10 * precision1 - 1 * precision1) + 1 * precision1) / (1*precision1);
value1=randomnum-(Math.floor(Math.random() * (10 - 1) + 100) / 100);
value2=randomnum-(Math.floor(Math.random() * (10 - 1) + 100) / 100);
value3=randomnum-(Math.floor(Math.random() * (10 - 1) + 100) / 100);
  if(x==00){
	  document.getElementById("o3").value="MKT";
  document.getElementById("bid").innerHTML="last <span style='color:green;'>&#9650 </span>"+randomnum+"<span style='color:red;'>&nbsp &nbsp-"+randomnum1+"("+randomnum2+")</span>";
  document.getElementById("bid1").innerHTML="Bid"+"<span style='color:green;'>&#9650 </span>"  +value1+"&nbsp &nbsp Ask<span style='color:green;'>&#9650 </span>"+randomnum+"&nbsp &nbsp Vim "+randomnum1+"M";  
  if(t=="MCD"||t=="mcd"){
	  document.getElementById("abc1234").innerHTML="Mc Donalds... ";
	  }
	  if(t=="AAPL"||t=="aapl"){
	  document.getElementById("abc1234").innerHTML="Apple... ";
	  }
  }
  else if(x==1){
	  
	   document.getElementById("o4").innerHTML="&nbsp Limit Price";
  }
  else
  {
  document.getElementById("bid").innerHTML="last ";
  document.getElementById("bid1").innerHTML="Bid 	";
  }
 }
 function myfun(){
        document.getElementById("cars1").selectedIndex = "0";
        document.getElementById("cas123").selectedIndex = "0";
        document.getElementById("cars321").selectedIndex = "0";
        document.getElementById("i123").selectedIndex = "0";
        document.getElementById("car123").selectedIndex = "0";
        document.getElementById("cars123").selectedIndex = "0";
        document.getElementById("market1").selectedIndex = "05";
	    document.getElementById("change").innerHTML=" &#10060Ticket is NOT VALID to REVIEW	";
		 for(var y=1;y<=9;y++)
		{
		document.getElementById(y).style.background = "rgb(255, 255, 254)";
		}
		}
 
 
 
 
 
 
 
 
 
 
function Function2(){

  var x = document.getElementById("x3").value;
  return x;

}
function Function3(){

  var x = document.getElementById("x4").value;
  return x;

}
function Function4(){

  var x = document.getElementById("x5").value;
  return x;

}
function Function5(){

  var x = document.getElementById("x6").value;

  
return x;
}
function Function6(){

  var x = document.getElementById("x7").value;
  var a=Function();
  var b=Function1();
  var c=Function2();
  var d=Function3();
  var e=Function4();
  var f=Function5();
  if(a==1&&b==1&&c==1&&d==1&&e==1&&f==1&&x==1){
  document.getElementById("change1").innerHTML=" &#9989; the ticket is valid";
  }
  else{
  document.getElementById("change1").innerHTML=" &#10060Ticket is NOT VALID to REVIEW	";
  
  }
return x;
}
function Function() {


var x = document.getElementById("x1").value;
 var i= document.getElementById("first1").value;
 var j= document.getElementById("second1").value;
 var k= document.getElementById("third1").value;
 var count=0;
 if(k=="000"){
	 count++;
 }
 if(i=="999"){
	 count++;
 }
 if(j=="12345"||j=="34567"){
	 count++;
 }
 if(count==3){

	if(x==1){
	document.getElementById("11").style.background = "rgb(7, 69, 0)";	
	for(var y=12;y<=20;y++)
  {
  document.getElementById(y).style.background = "rgb(201, 247, 193)";
  }
  }
  
  else{
  document.getElementById("11").style.background = "rgb(255, 252, 252)";
  for(var y=12;y<=20;y++)
  {
  document.getElementById(y).style.background = "rgb(255, 252, 252)";
  }
  }

	return x;
}
else if(count<3){
	
	alert("your ticket number is not valid please check again");
}
}

function Function1() {
	var x = document.getElementById("x2").value;
	var t=document.getElementById("fname12").value;
	 
  var precision = 100;
var randomnum = Math.floor(Math.random() * (100 * precision - 1 * precision) + 1 * precision) / (1*precision);
  var precision2 = 10;
var randomnum1 = Math.floor(Math.random() * (10 * precision2 - 1 * precision2) + 1 * precision2) / (1*precision2);
  var precision1 = 10;
var randomnum2 = Math.floor(Math.random() * (10 * precision1 - 1 * precision1) + 1 * precision1) / (1*precision1);
value1=randomnum-(Math.floor(Math.random() * (10 - 1) + 100) / 100);
value2=randomnum-(Math.floor(Math.random() * (10 - 1) + 100) / 100);
value3=randomnum-(Math.floor(Math.random() * (10 - 1) + 100) / 100);
  if(x==1){
	  document.getElementById("o1").value="MKT";
    
  document.getElementById("abid").innerHTML="last <span style='color:green;'>&#9650 </span>"+randomnum+"<span style='color:red;'>&nbsp &nbsp-"+randomnum1+"("+randomnum2+")</span>";
  document.getElementById("abid1").innerHTML="Bid"+"<span style='color:green;'>&#9650 </span>"  +value1+"&nbsp &nbsp Ask<span style='color:green;'>&#9650 </span>"+randomnum+"&nbsp &nbsp Vim "+randomnum1+"M";
  if(t=="Sbux"||t=="SBUX"){
	  document.getElementById("starbuck1").innerHTML="Starbuks<br>Corp Was...";
	  }
  if(t=="IBM"||t=="ibm"){
	  document.getElementById("starbuck1").innerHTML="Intl <br> Bussiness...";
	  }
  }else if(x==10){
	  
	  document.getElementById("o2").innerHTML="&nbsp &nbspLimit Price";
    
  }
  else
  {
  document.getElementById("abid").innerHTML="last ";
  document.getElementById("abid1").innerHTML="Bid 	";
  } 
  return x;
 }
 
 function myfun1(){
        document.getElementById("x1").selectedIndex = "0";
        document.getElementById("x2").selectedIndex = "0";
        document.getElementById("x3").selectedIndex = "0";
        document.getElementById("x4").selectedIndex = "0";
        document.getElementById("x5").selectedIndex = "0";
        document.getElementById("x6").selectedIndex = "0";
        document.getElementById("x7").selectedIndex = "05";
	    document.getElementById("change1").innerHTML=" &#10060Ticket is NOT VALID to REVIEW	";
		 for(var y=11;y<=20;y++)
		{
		document.getElementById(y).style.background = "rgb(255, 255, 254)";
		}
	}
	
	function linking(){
      var x = Function6();
  var a=Function();
  var b=Function1();
  var c=Function2();
  var d=Function3();
  var e=Function4();
  var f=Function5();
  if(a==1&&b==1&&c==1&&d==1&&e==1&&f==1&&x==1){
  alert("the ticket is valid");
  window.open("2nd.html");
  }
  
  if(a!=1||b!=1||c!=1||d!=1||e!=1||f!=1||x!=1){
	  
	  alert("please check the correct boxes");
  }
  if(a!="1"){
            document.getElementById("x1").style.borderColor = "red";
    
  }
  if(b!="1"){
            document.getElementById("x2").style.borderColor = "red";
    
  }
  
  if(c!="1"){
            document.getElementById("x3").style.borderColor = "red";
    
  }
  
  if(d!="1"){
            document.getElementById("x4").style.borderColor = "red";
    
  }
  if(e!="1"){
            document.getElementById("x5").style.borderColor = "red";
    
  }
  
  if(f!="1"){
            document.getElementById("x6").style.borderColor = "red";
    
  }
  if(x!="1"){
            document.getElementById("x7").style.borderColor = "red";
    
  }
  
	
	 }
 
 function links1(){
	 
	 var x = myFunctionf();
  var a=myFunction();
  var b=myFunctiona();
  var c=myFunctionb();
  var d=myFunctionc();
  var e=myFunctiond();
  var f=myFunctione();
  if(a==2&&b==00&&c==1&&d==1&&e==1&&f==1&&x==1){
	  alert("the ticket is valid");
  window.open("3rd.html");
  }
   
  if(a!=2||b!=00||c!=1||d!=1||e!=1||f!=1||x!=1){
	  
	  alert("please check the correct boxes");
  }
  if(a!="2"){
            document.getElementById("cars1").style.borderColor = "red";
    
  }
  if(b!="00"){
            document.getElementById("market1").style.borderColor = "red";
    
  }
  
  if(c!="1"){
            document.getElementById("cars123").style.borderColor = "red";
    
  }
  
  if(d!="1"){
            document.getElementById("car123").style.borderColor = "red";
    
  }
  if(e!="1"){
            document.getElementById("cas123").style.borderColor = "red";
    
  }
  
  if(f!="1"){
            document.getElementById("cars321").style.borderColor = "red";
    
  }
  if(x!="1"){
            document.getElementById("i123").style.borderColor = "red";
    
  }
  
 }
 
 function linking0900(){
     var x = Function6();
  var a=Function();
  var b=Function1();
  var c=Function2();
  var d=Function3();
  var e=Function4();
  var f=Function5();
  
  var x1 = myFunctionf();
  var a1=myFunction();
  var b1=myFunctiona();
  var c1=myFunctionb();
  var d1=myFunctionc();
  var e1=myFunctiond();
  var f1=myFunctione();
  
   
  if(a1!="2"){
            document.getElementById("cars1").style.borderColor = "green";
    
  }
  if(b1!="00"){
            document.getElementById("market1").style.borderColor = "red";
    
  }
  
  if(c1!="1"){
            document.getElementById("cars123").style.borderColor = "red";
    
  }
  
  if(d1!="1"){
            document.getElementById("car123").style.borderColor = "red";
    
  }
  if(e1!="1"){
            document.getElementById("cas123").style.borderColor = "red";
    
  }
  
  if(f1!="1"){
            document.getElementById("cars321").style.borderColor = "red";
    
  }
  if(x1!="1"){
            document.getElementById("i123").style.borderColor = "red";
    
  }
  
  if(a!="1"){
            document.getElementById("x1").style.borderColor = "red";
    
  }
  if(b!="1"){
            document.getElementById("x2").style.borderColor = "red";
    
  }
  
  if(c!="1"){
            document.getElementById("x3").style.borderColor = "red";
    
  }
  
  if(d!="1"){
            document.getElementById("x4").style.borderColor = "red";
    
  }
  if(e!="1"){
            document.getElementById("x5").style.borderColor = "red";
    
  }
  
  if(f!="1"){
            document.getElementById("x6").style.borderColor = "red";
    
  }
  if(x!="1"){
            document.getElementById("x7").style.borderColor = "red";
    
  }
  if(a1==2&&b1==00&&c1==1&&d1==1&&e1==1&&f1==1&&x1==1&&a==1&&b==1&&c==1&&d==1&&e==1&&f==1&&x==1){
	   document.getElementById("remove").innerHTML="<button style='background:green; margin-left:-10px;' class='button2'> SUCESSS</button>";

  }
	 
 }

Exercise 1 HTML

<!DOCTYPE html>
<html>
<head>

<link rel="stylesheet" type="text/css" href="css/style.css" />

</head>
<body>
<h1>Excercise 1</h1>
<!-- Write your comments here -->
<table class="table" style="width:100%" >
  <tr>
    
<td class="td"><input class="input" type="text" id="first1" name="fname" size="1" > 
    <input  class="input"type="text" id="second1" name="fname2" size="4">
    <input  class="input"type="text" id="third1" name="fname3" size="1">
    <button type="button">Switch to Multi-Acct</button> <br> Principal [1] $0.00 
    <input type="text" id="fname" name="fname" size="12" placeholder="Commission $0.00">
    <input type="text" id="fname" name="fname" size="6" placeholder="Fees $0.00"  margin="25px">
    <input type="text" id="fname" name="fname" size="8" placeholder="Net [1]  $0.00">
    </td> </th> </tr>
</table>

   <!-- Write your comments here -->  
   <table  class="table2" style="width:100%" >
    <tr class="tr" >
    <td class="td" id="11"><br> Actions <br>
    <select  class="input "name="cars1" id="x1" onchange="Function()">
	 <option selected value="0"></option>
    <option value="1" >BUY </option>
    <option value="2" >Sell</option>
    <option value="3" >Sell Short</option>
    </select> <br><br>
    <input type="checkbox"  value="Boat"> Cover <br> Self sort </input> </td>  

<!-- Write your comments here -->
     <td class="td" id="12"><br> Quantity <br> 
     <input  class="input "type="text" id="fname" name="fname" size="5"> <br>
     Long: 0 <br><br>
     <input type="checkbox"  >More to Follow </input></td> 

<!-- Write your comments here -->
    <td class="td" id="13"><br><br>Symbol <br> 
    <input  class="input"type="text" id="fname12" name="fname" size="10" placeholder=""> <br><br>
     <p style="color: blue" id="starbuck1"></p> </td> 

<!-- Write your comments here -->
   <td class="td" id="14"  ><br><br><br><br>
    Price-Type   <span id="o2">Price</span> <br>
    <select class= "input" name="market1" id="x2" onchange="Function1()">
    <option value="0" selected></option>    
    <option value="1">Market </option>
    <option value="10" >Limit</option>
    <option value="02">Stop</option>
    <option value="02">Stop limit</option>
    </select>  <input class="input" type="text" name="fname" size="4" id="o1" > <br>
    <p id="abid">last</p> 
    <p id="abid1">Bid</p><br> </td>

<!-- Write your comments here -->
    <td class="td" id="15"><br> Instructions <br>
    <select class="input" name="" id="x3" onchange="Function2()">
    <option value="0" selected></option>
    <option  value="1">Held </option>
    <option value="saab" >Not Held</option>
    </select> <br><br>
    <input type="checkbox"  value="Boat">Send to Trader</input> </td> 

<!-- Write your comments here -->
    <td class="td" id="16"> Time in Force<br>
    <select  class="input"name="cars" id="x4" onchange="Function3()">   
    <option value="0" selected></option>
    <option  value="1">day </option>
    <option value="saab" >GTC</option>
    <option value="opel">All the Openning</option>
    </select> <br><br></td>


<!-- Write your comments here -->
    <td class="td" id="17">Cash/Mrgn<br>
    <select class="input" name="cars" id="x5" onchange="Function4()">
	<option value="9" selected></option>
    <option value="1">Cash </option>
    <option value="saab"  >Margin</option>
    <option value="opel">Short Margin</option>
    </select> <br><br> </td>


<!-- Write your comments here -->
    <td class="td" id="18"> Solication<br>
    <select class="input" name="cars" id="x6" onchange="Function5()">
	<option value="2" selected></option>
    <option  value="3">Sol</option> 
    <option  value="1">Unsol</option> 
    </select> <br><br> </td>

<!-- Write your comments here -->
    <td class="td" id="19"> Commission<br>
    <select  class="input"name="cars" id="x7" onchange="Function6()">
    <option selected value="9"> </option>
    <option value="1">Standard </option>
    <option> Discount</option>
    <option>Cents Per Share</option>
    <option>Gross Amount</option>
    <option>Basis Points</option>    
     </select> <br><br>
    </tr>

<!-- Write your comments here -->
   <table  class="table" style="width:100%" > 
   <tr class="tr">
   <td class="td" id="20">
   <span id="change1"> &#10060 Ticket is NOT VALID to REVIEW</span> </td>
	
	</tr>
   </table>
   <!-- -->
 <table class="table" style="width:100%">
     <tr class="tr" >
     <td class="td" > <b> Disclaimers:1. </b> Estimates based on current share quality and price  |<b> 2.</b> Fees may be applied but are not displayed for non-executed..|
      </td>
	  </tr>
	  <tr>
	  <td>
	 <button class="button1" onclick="myfun1() " style="margin-left:900px;">DELETE ALL</button>
    <button class="button2" onclick="linking()"  style="margin-left:10px;">REVIEW ALL</button>
         </td></tr>

</table>

   
<script  type="text/javascript" src="js/script.js">
</script>
</body>
</html>

Exercise 2 HTML

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<h1>Excercise 2</h1>
<!-- Write your comments here -->
<table class="table" style="width:100%" >
  <tr>
    
<td class="td"><input class="input" type="text" id="first2" name="fname" size="1" > 
    <input  class="input"type="text" id="second2" name="fname" size="4" >
    <input  class="input"type="text" id="third2" name="fname" size="1" >
    <button type="button">Switch to Multi-Acct</button> <br> Principal [1] $0.00 
    <input type="text" id="fname" name="fname" size="12" placeholder="Commission $0.00">
    <input type="text" id="fname" name="fname" size="6" placeholder="Fees $0.00"  margin="25px">
    <input type="text" id="fname" name="fname" size="8" placeholder="Net [1]  $0.00">
    </td> </th> </tr>
</table>

   <!-- Write your comments here -->  
   <table  class="table2" style="width:100%"  >
    <tr class="tr" >
    <td class="td" id="1"><br> Actions <br>
    <select  class="input "name="cars1" id="cars1" onchange="myFunction()">
	 <option selected></option>
    <option value="1" >BUY </option>
    <option value="2" >Sell</option>
    <option>Sell Short</option>
    </select> <br><br>
    <input type="checkbox"  value="Boat"> Cover <br> Self sort </input> </td>  

<!-- Write your comments here -->
     <td class="td" id="2"><br> Quantity <br> 
     <input  class="input "type="text" id="fname" name="fname" size="5"> <br>
     Long: 0 <br><br>
     <input type="checkbox"  >More to Follow </input></td> 

<!-- Write your comments here -->
    <td class="td" id="3"><br><br> Symbol <br> 
    <input  class="input"type="text" id="fname312" name="fname" size="10" placeholder=""> <br><br>
     <p style="color: blue" id="abc1234"></p> </td> 

<!-- Write your comments here -->
   <td class="td" id="4"><br><br><br><br><br> Price-Type <span id="o4">Price</span> <br>
    <select class= "input" name="market1" id="market1" onchange="myFunction12()">
	<option value=05 selected></option>
    <option value="00">Market </option>
    <option value="1" >Limit</option>
    <option value="02">Stop </option>
    <option> Stop Limit</option>
    </select>  <input class="input" type="text" name="fname" size="4" id="o3"> <br><br>
    <p id="bid">last</p> 
    <p id="bid1">Bid</p><br> </td>

<!-- Write your comments here -->
    <td class="td" id="5"><br> Instructions <br>
    <select class="input" name="" id="cars123" onchange="myFunctionb()">
	<option value="0" selected> </option>
    <option  value="1">Held </option>
    <option value="saab" >Not Held</option>
    </select> <br><br>
    <input type="checkbox"  value="Boat">Send to Trader</input> </td> 

<!-- Write your comments here -->
    <td class="td" id="6"> Time in Force<br>
    <select  class="input"name="cars" id="car123" onchange="myFunctionc()">
	<option value="0" selected> </option>
    <option  value="1">day </option>
    <option value="saab" >GTC</option>
    <option value="opel">All the Openning</option>
    </select> <br><br></td>


<!-- Write your comments here -->
    <td class="td" id="7">Cash/Mrgn<br>
    <select class="input" name="cars" id="cas123" onchange="myFunctiond()">
	<option value="0" selected></option>
    <option  value="1">Cash </option>
    <option value="saab" >Margin</option>
    <option value="opel">Short Margin </option>
    </select> <br><br> </td>


<!-- Write your comments here -->
    <td class="td" id="8"> Solication<br>
    <select class="input" name="cars" id="cars321" onchange="myFunctione()">
    <option value="0" selected></option>
	<option value="2">sol </option>
    <option value="1" >Unsol</option> 
    </select> <br><br> </td>

<!-- Write your comments here -->
    <td class="td" id="9"> Commission<br>
    <select  class="input"name="cars" id="i123" onchange="myFunctionf()">
    <option value="0"selected> </option>
    <option value="1">Standard </option>
    <option> Discount</option>
    <option>Cents Per Share</option>
    <option>Gross Amount</option>
    <option>Basis Points</option>    
     </select> <br><br>
    </tr>

<!-- Write your comments here -->
   <table  class="table" style="width:100%" > 
   <tr class="tr">
   <td class="td" id="10">
   <span id="change"> &#10060Ticket is NOT VALID to REVIEW</span> </td>
	
	</tr>
   </table>
<table class="table" style="width:100%">
     <tr class="tr" >
     <td class="td" > <b> Disclaimers:1. </b> Estimates based on current share quality and price   | <b> 2.</b> Fees may be applied but are not displayed for non-executed..| 
	 </td>
	 </tr>
	 <tr>
	 <td>
	 <button class="button1" onclick="myfun()" style="margin-left:900px;">DELETE ALL</button><button class="button2" style="margin-left:10px" onclick="links1()">REVIEW ALL</button>
         </td></tr>

</table>

   <br>
   <br>

<script  type="text/javascript" src="js/script.js">
 </script>
</body>
</html>

Exercise 3 HTML

<!DOCTYPE html>
<html>
<head>

<link rel="stylesheet" type="text/css" href="css/style.css" />

</head>
<body>

<table class="table" style="width:100%" >
  <tr>
    
<td class="td"><input class="input" type="text" id="first2" name="fname" size="1" > 
    <input  class="input"type="text" id="second2" name="fname" size="4">
    <input  class="input"type="text" id="third2" name="fname" size="1">
    <button type="button">Switch to Multi-Acct</button> <br> Principal [1] $0.00 
    <input type="text" id="fname" name="fname" size="12" placeholder="Commission $0.00">
    <input type="text" id="fname" name="fname" size="6" placeholder="Fees $0.00"  margin="25px">
    <input type="text" id="fname" name="fname" size="8" placeholder="Net [1]  $0.00">
    </td> </th> </tr>
</table>

   <!-- Write your comments here -->  
   <table  class="table2" style="width:100%"  >
    <tr class="tr" >
    <td class="td" id="1"><br> Actions <br>
    <select  class="input "name="cars1" id="cars1" onchange="myFunction()">
	 <option selected></option>
    <option value="1" >BUY </option>
    <option value="2" >Sell</option>
    <option>Sell Short</option>
    </select> <br><br>
    <input type="checkbox"  value="Boat"> Cover <br> Self sort </input> </td>  

<!-- Write your comments here -->
     <td class="td" id="2"><br> Quantity <br> 
     <input  class="input "type="text" id="fname" name="fname" size="5"> <br>
     Long: 0 <br><br>
     <input type="checkbox"  >More to Follow </input></td> 

<!-- Write your comments here -->
    <td class="td" id="3"><br><br> Symbol <br> 
    <input  class="input"type="text" id="fname312" name="fname" size="5" placeholder=""> <br><br>
     <p style="color: blue" id="abc1234"></p> </td> 

<!-- Write your comments here -->
   <td class="td" id="4"><br><br><br><br> Price-Type <span id="o4">Price</span> <br>
    <select class= "input" name="market1" id="market1" onchange="myFunction12()">
	<option value=05 selected></option>
    <option value="00">Market </option>
    <option value="1" >Limit</option>
    <option value="02">Stop </option>
    <option> Stop Limit</option>
    </select>  <input class="input" type="text" name="fname" size="4" id="o3"> <br><br>
    <p id="bid">last</p> 
    <p id="bid1">Bid</p> </td>

<!-- Write your comments here -->
    <td class="td" id="5"><br> Instructions <br>
    <select class="input" name="" id="cars123" onchange="myFunctionb()">
	<option value="0" selected> </option>
    <option  value="1">Held </option>
    <option value="saab" >Not Held</option>
    </select> <br><br>
    <input type="checkbox"  value="Boat">Send to Trader</input> </td> 

<!-- Write your comments here -->
    <td class="td" id="6"> Time in Force<br>
    <select  class="input"name="cars" id="car123" onchange="myFunctionc()">
	<option value="0" selected> </option>
    <option  value="1">day </option>
    <option value="saab" >GTC</option>
    <option value="opel">All the Openning</option>
    </select> <br><br></td>


<!-- Write your comments here -->
    <td class="td" id="7">Cash/Mrgn<br>
    <select class="input" name="cars" id="cas123" onchange="myFunctiond()">
	<option value="0" selected></option>
    <option  value="1">Cash </option>
    <option value="saab" >Margin</option>
    <option value="opel">Short Margin </option>
    </select> <br><br> </td>


<!-- Write your comments here -->
    <td class="td" id="8"> Solication<br>
    <select class="input" name="cars" id="cars321" onchange="myFunctione()">
    <option value="0" selected></option>
	<option value="2">sol </option>
    <option value="1" >Unsol</option> 
    </select> <br><br> </td>

<!-- Write your comments here -->
    <td class="td" id="9"> Commission<br>
    <select  class="input"name="cars" id="i123" onchange="myFunctionf()">
    <option value="0"selected> </option>
    <option value="1">Standard </option>
    <option> Discount</option>
    <option>Cents Per Share</option>
    <option>Gross Amount</option>
    <option>Basis Points</option>    
     </select> <br><br>
    </tr>

<!-- Write your comments here -->
   <table  class="table" style="width:100%" > 
   <tr class="tr">
   <td class="td" id="10">
   <span id="change"> &#10060Ticket is NOT VALID to REVIEW</span> </td>
	
	</tr>
   </table>


<br>

<!-- Write your comments here -->
<table class="table" style="width:100%" >
  <tr>
    
<td class="td"><input class="input" type="text" id="first1" name="fname" size="1" > 
    <input  class="input"type="text" id="second1" name="fname" size="4">
    <input  class="input"type="text" id="third1" name="fname" size="1">
    <button type="button">Switch to Multi-Acct</button> <br> Principal [1] $0.00 
    <input type="text" id="fname" name="fname" size="12" placeholder="Commission $0.00">
    <input type="text" id="fname" name="fname" size="6" placeholder="Fees $0.00"  margin="25px">
    <input type="text" id="fname" name="fname" size="8" placeholder="Net [1]  $0.00">
    </td> </th> </tr>
</table>

   <!-- Write your comments here -->  
   <table  class="table2" style="width:100%" >
    <tr class="tr" >
    <td class="td" id="11"><br> Actions <br>
    <select  class="input "name="cars1" id="x1" onchange="Function()">
	 <option selected value="0"></option>
    <option value="1" >BUY </option>
    <option value="2" >Sell</option>
    <option value="3" >Sell Short</option>
    </select> <br><br>
    <input type="checkbox"  value="Boat"> Cover <br> Self sort </input> </td>  

<!-- Write your comments here -->
     <td class="td" id="12"><br> Quantity <br> 
     <input  class="input "type="text" id="fname" name="fname" size="5"> <br>
     Long: 0 <br><br>
     <input type="checkbox"  >More to Follow </input></td> 

<!-- Write your comments here -->
    <td class="td" id="13"><br><br>Symbol <br> 
    <input  class="input"type="text" id="fname12" name="fname" size="5" placeholder=""> <br><br>
     <p style="color: blue" id="starbuck1"></p> </td> 

<!-- Write your comments here -->
   <td class="td" id="14"  ><br><br><br><br><br>
    Price-Type  <span id="o2"> Price</span> <br>
    <select class= "input" name="market1" id="x2" onchange="Function1()">
    <option value="0" selected></option>    
    <option value="1">Market </option>
    <option value="10" >Limit</option>
    <option value="02">Stop</option>
    <option value="02">Stop limit</option>
    </select>  <input class="input" type="text" name="fname" size="4" id="o1"> <br><br>
    <p id="abid">last</p> 
    <p id="abid1">Bid</p> </td>

<!-- Write your comments here -->
    <td class="td" id="15"><br> Instructions <br>
    <select class="input" name="" id="x3" onchange="Function2()">
    <option value="0" selected></option>
    <option  value="1">Held </option>
    <option value="saab" >Not Held</option>
    </select> <br><br>
    <input type="checkbox"  value="Boat">Send to Trader</input> </td> 

<!-- Write your comments here -->
    <td class="td" id="16"> Time in Force<br>
    <select  class="input"name="cars" id="x4" onchange="Function3()">   
    <option value="0" selected></option>
    <option  value="1">day </option>
    <option value="saab" >GTC</option>
    <option value="opel">All the Openning</option>
    </select> <br><br></td>


<!-- Write your comments here -->
    <td class="td" id="17">Cash/Mrgn<br>
    <select class="input" name="cars" id="x5" onchange="Function4()">
	<option value="9" selected></option>
    <option value="1">Cash </option>
    <option value="saab"  >Margin</option>
    <option value="opel">Short Margin</option>
    </select> <br><br> </td>


<!-- Write your comments here -->
    <td class="td" id="18"> Solication<br>
    <select class="input" name="cars" id="x6" onchange="Function5()">
	<option value="2" selected></option>
    <option  value="3">Sol</option> 
    <option  value="1">Unsol</option> 
    </select> <br><br> </td>

<!-- Write your comments here -->
    <td class="td" id="19"> Commission<br>
    <select  class="input"name="cars" id="x7" onchange="Function6()">
    <option selected value="9"> </option>
    <option value="1">Standard </option>
    <option> Discount</option>
    <option>Cents Per Share</option>
    <option>Gross Amount</option>
    <option>Basis Points</option>    
     </select> <br><br>
    </tr>

<!-- Write your comments here -->
   <table  class="table" style="width:100%" > 
   <tr class="tr">
   <td class="td" id="20">
   <span id="change1"> &#10060 Ticket is NOT VALID to REVIEW</span> </td>
	
	</tr>
   </table>
   <!-- -->
 <table class="table" style="width:100%">
     <tr class="tr" >
     <td class="td" ></td></tr>

</table>
<table class="table" style="width:100%">
     <tr class="tr" >
     <td class="td" > <b> Disclaimers:1. </b> Estimates based on current share quality and price   | <b> 2.</b> Fees may be applied but are not displayed for non-executed..| </td>
	 </tr>
	 <tr>
	 <td>
	 <button class="button1" style="margin-left:900px;" onclick="myfun0900()" >DELETE ALL</button>
    <span id="remove" ><button class="button2" onclick="linking0900()" style="margin-left:10px;">REVIEW ALL</button>
         </span>
         </td></tr>

</table>


   
<script  type="text/javascript" src="js/script.js">
</script>
</body>
</html>

Rough draft