1

出力タグをコーディングしましたが、コードの実際の出力を取得できませんでした。

コードは次のとおりです

<html>
<head>
</head>
<body>
<script>
function myscript()
{
    z.value=parseInt(a.value)+parseInt(b.value);
    c.value=parseInt(a.value)-parseInt(b.value);
    d.value=parseInt(a.value)*parseInt(b.value);
    e.value=parseInt(a.value)/parseInt(b.value);

}
</script>
<form oninput="myScript()">
<input type="range" id="a">
<input type="range" id="b">
<input type="submit"><br/>

Addition<output name="z" for="a b"></output><br/>
Substraction<output name="c" for="a b"></output><br/>
Multiplication<output name="d" for="a b"></output><br/>
Division<output name="e" for="a b"></output>
</form>
</body>
</html>
4

1 に答える 1

0

さまざまな問題があります。使いたくないと思いますしoninput、使うz.valueなどはうまくいかないかもしれませんが、とても不安定です。次のようなものを試してください：

document.querySelector('form').addEventListener('submit', function (e) {
    e.preventDefault();

    var a = +document.getElementById('a').value,
        b = +document.getElementById('b').value;

    document.querySelector('[name="z"]').textContent = a + b;
    //etc.
});

http://jsfiddle.net/ExplosionPIlls/S5XN6/

于 2013-03-04T03:45:57.220 に答える