내 점수 값을 저장하기 위해 6 개의 html 입력 상자를 만드는 함수가 있습니다. 상자 중 하나는 총 점수입니다.
var hole1 = prompt("Enter Hole 1 score:");
var hole2 = prompt("Enter Hole 2 score:");
var hole3 = prompt("Enter Hole 3 score:");
var hole4 = prompt("Enter Hole 4 score:");
var hole5 = prompt("Enter Hole 5 score:");
addScore ()의 전체 기능 :
function addScore() {
var ni = document.getElementById('myDiv');
var numi = document.getElementById('theValue');
var num = (document.getElementById('theValue').value -1)+ 2;
numi.value = num;
var newdiv = document.createElement('div');
var divIdName = 'my'+num+'Div';
newdiv.setAttribute('id',divIdName);
// Prompts user for their score
var hole1 = prompt("Enter Hole 1 score:");
var hole2 = prompt("Enter Hole 2 score:");
var hole3 = prompt("Enter Hole 3 score:");
var hole4 = prompt("Enter Hole 4 score:");
var hole5 = prompt("Enter Hole 5 score:");
// Make the boxes for index.html to be displayed
var makeScoreBoxes ='<input type ="text" placeholder="Hole 1" id="hole1" /> <input type ="text" placeholder="Hole 2" id="hole2" /> <input type ="text" placeholder="Hole 3" id="hole3" /> <input type ="text" placeholder="Hole 4" id="hole4" /> <input type ="text" placeholder="Hole 5" id="hole5" /> <input type ="text" placeholder="Total Score" id="totalScore" />'
newdiv.innerHTML = makeScoreBoxes;
ni.appendChild(newdiv);
// Adds up all scores entered via hole
totalScore = parseInt(parseFloat(hole1) +
parseFloat(hole2) +
parseFloat(hole3) +
parseFloat(hole4) +
parseFloat(hole5));
// Places output of each data value from totalScore into input boxes in index.html
addTotal = document.getElementById('totalScore').value=totalScore;
addhole1 = document.getElementById('hole1').value=hole1; // takes prompt number entered in all hole* variables
addhole2 = document.getElementById('hole2').value=hole2;
addhole3 = document.getElementById('hole3').value=hole3;
addhole4 = document.getElementById('hole4').value=hole4;
addhole5 = document.getElementById('hole5').value=hole5;
} // Adds up all scores entered via hole
totalScore = parseInt(parseFloat(hole1) +
parseFloat(hole2) +
parseFloat(hole3) +
parseFloat(hole4) +
parseFloat(hole5));
여기 index.html에서 호출됩니다.
<center><p><a href="javascript:;" onclick="addScore();"><h1>Add score</h1></a></p>
구멍 프롬프트 값 (hole1, hole2, hole3, hole4 등) 및 html 입력 상자 (hole1, hole2, hole3,) 값에 대한 고유 변수 이름을 생성하려면 어떻게합니까?
다음은 배열로 수행 할 수있는 작업의 예입니다.
var holes = [];
for (var i = 1; i <= 5; i++) {
holes.push(prompt("Enter Hole " + i + " score:"));
}
var totalScore = 0;
for (var i = 0; i < holes.length; i++) {
totalScore += parseInt(holes[i], 10);
}
alert("total score: " + totalScore);
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다