Tworzenie wzoru z gwiazdek w konsoli przeglądarki za pomocą pętli zagnieżdżonych

Question

Witajcie,

Na kurs JS mam do wykonania na jutro pewne zadanie i nie wiem jak sobie z nim poradzić, oto polecenie:

Napisz program rysujący na podstawie wartości zmiennej n następujący schemat (tutaj dla n = 5):

  *   *
*   *   *
  *   *  
*   *   *
  *   *

Użyj do tego pętli zagnieżdżonych, a w wewnętrznej pętli dodaj if sprawdzający odpowiedni warunek (jeżeli i + j jest nieparzyste, to ma być gwiazdka).

 

Pomożecie? :)

Comments

Bardzo klarownie jest napisane co trzeba zrobić w celu wyświetlenia tego 'rysunku'. Czego nie rozumiesz w tym opisie ?

Użyj do tego pętli zagnieżdżonych, a w wewnętrznej pętli dodaj if sprawdzający odpowiedni warunek (jeżeli i + j jest nieparzyste, to ma być gwiazdka).

---

Na podstawie polecenia zrobiłem coś takiego:

var n = 5;
var sum = i+j;

for(i = 0; i <= 5; i++) {
  for(j = 0; j <= 5; j++){
    if(sum % 2 == 0) {
    console.log("*");
    } else {
    console.log(" ");
  }
  }
}

i konsola chrome wywala błąd: zadanie5.js:2 Uncaught ReferenceError: i is not defined at zadanie5.js:2

i nie wiem dlaczego.

---

Zgubiłeś słowo kluczowe var przed i = 0; i j = 0;. Nie wiem również dlaczego definiujesz sum poza pętlą a nie w pętli. Kolejny problem z tym kodem jest taki iż console.log wyświetla za każdym razem znak nowej linij. Aby to naprawić można albo najpierw stworzysz ciąg reprezentujący jedną linijkę i dopiero użyć console.log albo użyć czegoś innego niż console.log.

---

nie no koniecznie musi być console.log.

Jak stworzyć taki ciąg reprezentujący jedną linijkę?

---

zmodyfikowałem:

var n = 5;

for(var i = 0; i <= n; i++) {
  for(var j = 0; j <= n; j++){
    var sum = i+j;
    if(sum % 2 == 0) {
    console.log("*");
    } else {
    console.log(" ");
    }
  }
}

Konsola wyrzuca teraz:

*
zadanie5.js:9  
zadanie5.js:7 *
2zadanie5.js:9  
zadanie5.js:7 *
zadanie5.js:9  
zadanie5.js:7 *
zadanie5.js:9  
2zadanie5.js:7 *
zadanie5.js:9  
zadanie5.js:7 *
zadanie5.js:9  
zadanie5.js:7 *
2zadanie5.js:9  
zadanie5.js:7 *
zadanie5.js:9  
zadanie5.js:7 *
zadanie5.js:9  
2zadanie5.js:7 *
zadanie5.js:9  
zadanie5.js:7 *
zadanie5.js:9  
zadanie5.js:7 *
2zadanie5.js:9  
zadanie5.js:7 *
zadanie5.js:9  
zadanie5.js:7 *
zadanie5.js:9  
zadanie5.js:7 *

---

for(i = 0; i <= n; i++) {
  var line = "";
  for(j = 0; j <= n; j++){
    if(sum % 2 == 0) {
      line += "*";
    } else {
      line += " ";
    }
  }
  console.log(line);
}

Specjalnie zostawiłem poprzednie błędy abyś mógł je samodzielnie poprawić. Takie małe ćwiczenie.

---

var n = 5;

for(var i = 0; i <= 5; i++) {
  var line = "";
  for(var j = 0; j <= 5; j++){
    var sum = i+j;
    if(sum % 2 == 0) {
      line += "*";
    } else {
      line += " ";
    }
  }
  console.log(line);
}

Konsola daje:

zadanie5.js:13 * * *
zadanie5.js:13  * * *
zadanie5.js:13 * * *
zadanie5.js:13  * * *
zadanie5.js:13 * * *
zadanie5.js:13  * * *

---

Hint: Zastanów się ile razy wykonuje się pętle w zależności od n.

---

No tyle razy jaką wartość ma n, czyli:

var n = 5;

for(var i = 0; i <= n; i++) {
  var line = "";
  for(var j = 0; j <= n; j++){
    var sum = i+j;
    if(sum % 2 == 0) {
      line += "*";
    } else {
      line += " ";
    }
  }
  console.log(line);
}

ale to nadal daje:

zadanie5.js:13 * * * 
zadanie5.js:13  * * *
zadanie5.js:13 * * * 
zadanie5.js:13  * * *
zadanie5.js:13 * * * 
zadanie5.js:13  * * *

Czyli nie tylko jedną linię za dużo, ale także w pierwszej, trzeciej i piątej o jedną * za dużo na początku.

 

---

No tyle razy jaką wartość ma n

tylko jedną linię za dużo 

No czyli jednak nie tyle razy jaką wartość ma n 

---

Ach rozumiem- chodzi o to, że dla i <= n i n = 5 wykonuje się 6 razy bo od 0 do 5.
Poprawiłem:

var n = 5;

for(var i = 0; i < n; i++) {
  var line = "";
  for(var j = 0; j < n; j++){
    var sum = i+j;
    if(sum % 2 == 0) {
      line += " ";
    } else {
      line += "*";
    }
  }
  console.log(line);
}

Z tym, że jak pewnie widzisz zamieniłem if (sum % 2 == 0) {line += "*"} na {line += "*"}, czyli teraz dla sum parzystej jest puste pole a dla nie parzystej jest *, czyli odwrotnie niż w poleceniu prawda?

---

zawsze możesz zmienić numerację i tudzież j na [1, 2, ..., n].

---

Chodzi o:

var n = 5;
 
for(var i = 0; i < =n; i--) {
  var line = "";
  for(var j = 0; j < =n; j--){
    var sum = i+j;
    if(sum % 2 == 0) {
      line += " ";
    } else {
      line += "*";
    }
  }
  console.log(line);
}

aby zmienić numeracje i oraz j?

---

for(var i = 1; i <= n; i++) {
  var line = "";
  for(var j = 0; j < n; j++){

lub

for(var i = 0; i < n; i++) {
  var line = "";
  for(var j = 1; j <= n; j++){

 

---

Teraz wszystko działa :)
Dziekuję Ci bardzo! :)