내 질문은 내 함수 또는 루프가 올바른 결과에 관한 것이 아닙니다. 내가 무엇을하든 내 루프가 작동하지 않는다는 것입니다.
내가 직접 수정하려고 시도한 것 :
html과 JavaScript가 올바르게 연결되어 있는지 그리고 "Dreieck"이라는 버튼에 의해 함수가 트리거되는지 확인했습니다. document.getElementById("ausgabe").innerHTML="x";
루프 직후에 사용 했는지 확인하여 일반적으로 작동하고 작동하는지 확인합니다. 즉, "Dreieck"을 클릭하면 div 내에 "ausgabe"라는 ID가있는 x가 나타납니다.
그런 다음 "anzahlZeilen"변수에서 값을 얻지 못하기 때문에 루프가 작동하지 않을 수 있다고 생각했습니다. 따라서 "i"는 다음 i = 5로 정의됩니다. 실제로 전체 루프를 기본 루프로 변경했습니다.
for (var i=5; i==10; i++){
document.getElementById("ausgabe").innerHTML="x";
}
그래서 "Dreieck"을 클릭하면 x가 다시 나타나야하지만 그렇지 않습니다.
function dreieck() {
var anzahlZeilen= parseInt(document.getElementById("anzahlZeilen").value);
var ausgabe="";
for (var i= anzahlZeilen; i===0; i= i-1){
ausgabe= ausgabe + (i*"*") + "</br>";
document.getElementById("ausgabe").innerHTML=ausgabe;
}
}
div {
font-family: monospace;
}
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<label>Anzahl Zeilen:</label> </br>
<input type="number" id="anzahlZeilen"> </br>
<button type="button" onclick="dreieck();">Dreieck</button>
<button type="button" onclick="schachbrett();">Schachbrett</button>
<button type="button" onclick="baum();">Baum</button>
</br>
<div id="ausgabe"></div>
<script src="js/Code.js"></script>
</body>
</html>
i가 조건으로 10인지 확인합니다. 5의 값으로 초기화하므로 이는 의미가 없습니다. 5가 10과 같지 않기 때문에 루프를 실행할 조건은 처음부터 참이 아닙니다.
i가 10보다 작거나 같은지 확인하고 싶을 것입니다 (i <= 10).
논리는 다음과 같습니다. for 뒤의 조건이 참인 동안 루프가 무언가를 수행합니다. 따라서 처음에는 계수에 사용할 변수를 초기화합니다. 이 경우 i입니다. 값을 5로 설정합니다.
그런 다음 루프 조건이 여전히 참인지 확인합니다. 이 경우 루프 본문을 실행합니다.
그 후에 i를 증가시킵니다.
변수를 다시 초기화하지 않고 조건이 여전히 참인지 확인하는 것으로 다시 시작합니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다