square

//но мне кажется, что код не должен быть таким длинным(((
// и еще вопрос:" здесь в условии ввести размер 4, а если я ввожу другой размер то у меня получается,
// что мой квадрат тоже должен меняться??"
// - саме так , програма має виконуватись по різному враховуючи різні вхідні дані.

let number = prompt('vvedi razmer'); // те значення , що тут вводить користувач ви присвоїли до змінної
                                     // далі в коді можна використовувати цю змінну замість числа!
let i = 0;
for (i = 0; i < 4; i++) { // тобто так: for (i = 0; i < number; i++) - тепер цикл відпрацю з тою кількістю ітерацій,
                          // що ввів користувач, і виведе не завжди 4 зірки , а стільки скільки ввів користувач.
    console.put("*");
}
console.log();
let s = 0;
for (s = 0; s < 4; s++) {
    console.put("*");
}
console.log();
let t = 0;
for (t = 0; t < 4; t++) {
    console.put("*");
}
console.log();
let f = 0;
for (f = 0; f < 4; f++) {
    console.put("*");
}
console.log();

/*
* якщо в кожному з циклів виправити число 4 на змінну number, то кожний із них виведе стільки зірок, скільки буде
* значення цієї змінної, а значення вводить користувач командою prompt. Тобто рядки виводити навчилися, тепер
* треба зрозуміти важливу (але не складну) штуку - як зробити так, щоб і кількість рядків залежала від введеної
* змінної.
* Одже ще не квадрат, треба щоб кількість рядків теж дорівнювала значенню змінної number, як і длина рядку.
* Іншими словами ми вміємо вивести рядок правильной довжини, що введе користувач:
* */
let number = prompt('vvedi razmer'); // записуємо до змінної значення, що вводить користувач
//let i = 0;                        // внесемо в дужки циклу створення цієї змінної так : for (let i = 0; .......)
for (let i = 0; i < number; i++) {  // це цикл з виведення одного рядка, і - змінна-лічильник циклу, вона існує лише в ньому
    console.put("*");               // це команда вивода одніє зірки,  яку ми повторюємо number  разів,
                                    // ВАЖЛИВО: для того щоб повторювати команди "беремо" ці команди в цикл.
}

/* Отже щоб щось повторювати - треба взяти це в цикл. В нас є виведення рядка, тож, щоб повторювати його
* треба ....  спробуйте самостійно поміркувати, якщо не вдасться реалізувати , то читайте далі.*/





















/* Отже щоб повторювати якись команді - треба взяти ці команди в цикл. В нас є код виведення одного рядка, тож, щоб
* повторювати виведення рядка number разів  -  треба взяти в цикл всі ці команди з виведення рядка, а так як рядок
* виводиться у циклі, то ми беремо весь цикл з виведення одного рядка в ще один цикл, що буде відповідати за
* кількість рядків та переводити рядок.
* Псевдокод такий:
for (скільки разів скільки ввів користувач у змінну) {
      виведення одного рядка
      команда з переводу рядка на наступний
}

* але виведення одного рядка це не одна команда, тому запишемо так:
for (скільки разів скільки ввів користувач у змінну) {
     {
      всі команди
      з виведення
      одного рядка
      }

      команда з переводу рядка на наступний
}
* Цикл що виводить зірки в рядок беремо в цикл що також переводить рядок на наступний.
* Це якби ви печатали квадрат 4 х 4 руками з клавіатури:
*      ****(тепер тиснемо ентер - перевод строки)
*      ****(перевод строки)
*      ****(перевод строки)
*      ****(перевод строки)
* Цикл в циклі, в зовнішній цикл вкладаємо внутрішній.
* Спробуйте написатис самостіно код, вірніше у вас він вже написаний, просто візьміть (обреніть) ваш цикл в ще
* один. Якщо не вийде - читайте далі.
*/

let number = prompt('vvedi razmer'); // записуємо до змінної значення, що вводить користувач
for () {                             // це зовнішній цикл, заповніть його, але ім'я змінній-лічильникові краще дати не таке
                                     // як у внутрішньому (вложенному) циклові, тобто бажано не і - щоб не путатися
    for (let i = 0; i < number; i++) { // це цикл з виведення одного рядка
        console.put("*");            // це команда вивода одніє зірки,  яку ми повторюємо number  разів,
                                     // ВАЖЛИВО: для того щоб повторювати команди "беремо" ці команди в цикл.
    }
    /*а тут потрібна команда, яка буде просто переводити рядок на наступний*/
}













/* Ось як це буде виглядати в коді:
*
* */

let number = prompt('vvedi razmer');   // записуємо до змінної значення, що вводить користувач
for (let row = 0; row < number; row++) { // тут змінну row можна іменувати будь-як вам зручно, бажано не i
    for (let i = 0; i < number; i++) { // це цикл з виведення одного рядка
        console.put("*");              // це команда вивода однієї зірки,  яку ми повторюємо number  разів,
                                       // ВАЖЛИВО: для того щоб повторювати команди "беремо" ці команди в цикл.
    }
    console.log();                     // перевод рядка.
}

/*
* Тепер той цикл, що малює зірочки в рядок буде виконуватися number разів, бо ми взяли його код в цикл.
* Зверніть увагу на відступи зліва - індентацію, вони показують блоки коду, та вложеність одного блоку
* до іншого.
*
* Гарного коду!
* */