Question

我是初次登台的人。我试着展示结果。我想知道问题是什么，并找到解决方案。请帮帮我。

HTML

 <form name="facturation" id="facturation">
            Prix unitaire <input type="text" name="prixunitaire" id="prixunitaire"/> €
            </br>
            Quantité <input type="text" name="quantite" value="1" id="quantite"/>
            </br>
            <button type="submit" name="submit" value="valider" id="myBtn">Valider</button>
            </br>
            <p id="demo"></p>

        </form>

的Javascript

活动点击

var x = document.getElementById("myBtn");
if (x.addEventListener) {
x.addEventListener("click", eventClick);
} else if (x.attachEvent) {
x.attachEvent("onclick", eventClick);
}

乘法

function eventClick(){
var field1, field2, resultat, txt = '';
field1 = parseInt(document.getElementById("prixUnitaireValue")).value;
field2 = parseInt(document.getElementById("quantiteValue")).value;
resultat = (field1 * field2);

文本

if (resultat.textContent) {
    txt = resultat.textContent;
} else if(resultat.innerText) {
    txt = resultat.innerText
} else {
    txt = '';
}

Resultat

document.getElementById("demo") = txt;

}

Answer 1

嗨，解决方案是这样的......如果要将结果呈现到html元素中，则必须阻止表单提交。

从按钮
在点击处理程序
带有parseInt的行被暗列括号
简化了结果处理......没有文字内容的麻烦

HTML：

object.a().b()

使用Javascript：

    <form name="facturation" id="facturation">
        Prix unitaire <input type="text" name="prixunitaire" id="prixunitaire"/> €
        </br>
        Quantité <input type="text" name="quantite" value="1" id="quantite"/>
        </br>
        <button value="valider" id="myBtn">Valider</button>
        </br>
        <p id="demo"></p>
    </form>

JS小提琴：

http://jsfiddle.net/z0q7mjvL/14/

增加不会显示结果

1 个答案: