Total is $<span id="total" style="...your choices...">0.00</span>
document.getElementById("total").innerHTML = total.toFixed(2);
Another choice: Go ahead and use an <input> field. But do this to it:
<input name="total" readonly style="border: none; background-color: #eeeeee;" />
That is, style the input so it no longer looks like an input field. And make it readonly, so the user *can't* type in it.
If this doesn't help, show your JS