adding borders and colors to JavaScript
<p>I want to know how to add design (borders/colors) to my java script</p>

<p>I am not experienced with the code, but can learn fast</p>

<p>maybe some tips on how to add borders and colors + boxes can really help</p>

<p>Also, I'd like the answer to have only 2 decimals rather than infinity</p>

<p>Thanks :)</p>

<p>my code below:</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;script type = "text/javascript"&gt;



function convert() {
var Amount=document.getElementById('amount');
var Currency=document.getElementById('currency');
var Converted=document.getElementById('converted');
var Choice=document.getElementById('choice');
var AED=1;
var US=0.27;
var QR=0.99;
var SR=1.02;
var KD=0.0778;
var BD=0.102;

switch(document.converter.currency.value) {
case "US Dollars" :
document.converter.converted.value=US*document.converter.amount.value;
document.converter.choice.value=document.converter.currency.value;
break;
case "Qatar Riyal":
document.converter.converted.value=QR*document.converter.amount.value;
document.converter.choice.value=document.converter.currency.value;
break;
case "Saudi Riyal":
document.converter.converted.value=SR*document.converter.amount.value;
document.converter.choice.value=document.converter.currency.value;
break;
case "Kuwaiti Dinar":
document.converter.converted.value=KD*document.converter.amount.value;
document.converter.choice.value=document.converter.currency.value;
break;
case "Bahrain Dinar":
document.converter.converted.value=BD*document.converter.amount.value;
document.converter.choice.value=document.converter.currency.value;
break;
}

}
&lt;/script&gt;

&lt;/head&gt;

&lt;body&gt;
&lt;div id="divWrapper"&gt;
&lt;form name="converter" id="converter"&gt;
Enter amount in UAE Dirhams AED
&lt;input name="amount"type="text" id="amount" size="7" /&gt;
&lt;br /&gt;&lt;br /&gt;
Please select a currency &lt;select name="currency" id="currency"&gt;
&lt;option&gt;Please Choose One&lt;/option&gt;
&lt;option value="US Dollars"&gt;US Dollars&lt;/option&gt;
&lt;option value="Qatar Riyal"&gt;Qatar Riyal&lt;/option&gt;
&lt;option value="Saudi Riyal"&gt;Saudi Riyal&lt;/option&gt;
&lt;option value="Kuwaiti Dinar"&gt;Kuwaiti Dinar&lt;/option&gt;
&lt;option value="Bahrain Dinar"&gt;Bahrain Dinar&lt;/option&gt;
&lt;/select&gt;&lt;br /&gt;&lt;br /&gt;
The amount is: 
&lt;input name="converted" type="text" id="converted" value="" size="7"/&gt;
in 
&lt;input name="choice" type="text" id="choice" style="border:0px" value=""&gt;
&lt;br /&gt;&lt;br /&gt;
&lt;input type="button" name="convt" id="convt" onclick="convert()" value="Convert" /&gt;
&lt;/form&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
