Question

我的完整代码可以在这里找到：http://pastebin.com/t3JCBRrX

我为我的网站制作了一个简单的计算脚本。我想要两次修改，但我似乎无法做到。

这就是我现在所拥有的：

功能：

    var ap,result;
    function setValue() {
    ap = Number(document.getElementById('ap').value);
    }

    function bereken(){
        setValue();
        result = (((ap*275)/(ap*275))*1200+(ap*275) || 0).toFixed(e);
        document.getElementById('e').value = result;
    }

表格：

<label for="e" id="answer">Kosten: </label>
         <input type="field" name="Antwoord" id="e" disabled><br>

        <input type="button" onclick="bereken()" value="Bereken">

我想在结果前加上一个欧元符号（结果是'€123'而不是'123'）。我还希望结果只是纯文本，而不是禁用的输入字段。

任何帮助都会非常感激，因为我只是一个初学者。谢谢！

编辑：计算很复杂，因为我不希望在输入“0”时答案为“1200”

Answer 1

请参阅此FIDDLE

只需插入附加了“€”的值

document.getElementById('e').innerHTML = '€'+result;

如果您希望它是纯文本

，您也可以将禁用的输入更改为标签

var ap, result;

function setValue() {
  ap = Number(document.getElementById('ap').value);
}

function bereken() {
  setValue();
  result = (((ap * 275) / (ap * 275)) * 1200 + (ap * 275) || 0).toFixed(e);
  document.getElementById('e').innerHTML = '€' + result;
}

<input type='text' id='ap' placeholder='enter value' />

<label for="e" id="answer">Kosten:</label>
<label type="field" name="Antwoord" id="e" disabled></label> <br>

<input type="button" onclick="bereken()" value="Bereken">

Answer 2

将document.getElementById('e').value = result;更改为document.getElementById('e').value = "€"+result;。
将disabled更改为readonly。

Answer 3

试试这个：

JS代码：

var ap,result;
    function setValue() {
    ap = Number(document.getElementById('ap').value);
    }

    function bereken(){
        setValue();
        result = (((ap*275)/(ap*275))*1200+(ap*275) || 0).toFixed(e);
        document.getElementById('e').innerHTML = result;
    }

HTML代码：

    <input type="text" id="ap"/>
    <label for="e" id="answer">Kosten: </label>
    <span>&euro;</span><span id="e">&nbsp;</span><br>
    <input type="button" onclick="bereken()" value="Bereken"/>

将禁用的输出字段更改为带有prefixt的文本

3 个答案: