0

ユーザー入力を取得するためにこれが必要です。値を取得して 1 を減算し、5 つの配列のいずれかを呼び出して出力できるようにします。5 を選択すると、5 つの配列すべてが印刷されます。3 を選択すると、配列 0 から 2 が出力されます。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test2</title>
</head>
<body>
<input type="button" onclick="dutyarray()" value="Click">To see my top<input type="number"     id="counter"> job duties here</input>
<br />
<p id="task">Duties</p>
<script>
function dutyarray()
{
    var x = document.getElementById('counter').value;
    x = parseInt(x);

    var duty= new Array();
    duty[0] = "Operate Equipment";
    duty[1] = "Check for Water Damage";
    duty[2] = "Check for Mold";
    duty[3] = "Follow Insurance Procedure";
    duty[4] = "Restore";        

    while(x >= 0; x - 1)
    {
        document.getElementById('task').innerHTML = duty[x] + <br>;
    }
}
</script>
4

2 に答える 2

2

あなたが使用することができます

var duty = [
        "Operate Equipment",
        "Check for Water Damage",
        "Check for Mold",
        "Follow Insurance Procedure",
        "Restore"
    ],  
    x = parseInt( document.getElementById('counter').value, 10 );
document.getElementById('task').innerHTML = duty.slice(0, x).join('<br />');

ノート

  • またはを使用する場合は、常に 2 番目の引数 (基数) を使用しparseIntますparseFloat。

  • document.getElementById('counter').valueが数値文字列 ( など) の場合は、'3'を使用しないでくださいparseInt。代わりに、必要に応じて を使用+'3'して数値を取得します3。

    parseIntのようなものを解析したい場合にのみ使用'3px'してください3。

  • getElementByIdループの各反復で同じ要素を取得するために使用しないでください。

    次に、代わりに

    for(var i = 0; i < n; ++i) {
   doSomething(document.getElementById('foo'), i);
}

    使用する

    var el = document.getElementById('foo');
for(var i = 0; i < n; ++i) {
   doSomething(el, i);
}

  • innerHTMLDOM を変更するとパフォーマンスが低下するため、ループの反復ごとに変更しないでください。

    次に、代わりに

    for(var i = 0; i < n; ++i) {
   element.innerHTML += someHTML(i); // n DOM modifications
}

    使用する

    var html = '';
for(var i = 0; i < n; ++i) {
   html += someHTML(i);
}
element.innerHTML = html; // only 1 DOM modification
于 2013-11-01T02:01:52.050 に答える
0 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Test2</title>
</head>
<body>
    <input type="button" onclick="dutyarray()" value="Click">To see my top
    <input type="number" id="counter"> job duties here</input>
    <br />
    <p id="task">Duties</p>
    <script>
        function dutyarray() {
            var x = document.getElementById('counter').value;
            x = parseInt(x);

            var duty =
                [
                "Operate Equipment",
                "Check for Water Damage",
                "Check for Mold",
                "Follow Insurance Procedure",
                "Restore"
                ];

            if (x > duty.length-1) x = duty.length-1;   // Performs some checking

            document.getElementById('task').innerHTML = "";
            for ( ; x >= 0; x--) {
                document.getElementById('task').innerHTML += duty[x] + "<br>";
            }
        }
    </script>
</body>
</html>
于 2013-11-01T02:03:11.657 に答える