1

Приветствую, помогите дополнить код в скрипте чтобы:

  1. первая линия была длиной 10 пикселей.
  2. каждая последующая на 10 пикселей больше.

Должна получиться пирамидка-ёлочка из линий.

Вот код:

<script language="JavaScript" type="text/JavaScript">
    function line() {
        document.writeln("<hr align='center' width='100'>");
    }
    for(var i=1; i<=10; i++)         
        line();
</script>
1
  • Если вам дан исчерпывающий ответ, отметьте его как верный (галка напротив выбранного ответа). 22 окт 2016 в 11:47

3 ответа 3

1

Достаточно передавать ширину линии параметром и вставлять этот параметр в строку которую нужно выводить.

function line(width) {
  document.writeln(`<hr align='center' width='${width}'>`);
}
for (var i = 1; i <= 10; i++)
  line(i * 10);

2
  • Спасибо! В строке, где width='${width}', что означает "$" и почему фигурные скобки, а не "+ width +" ?
    – snake28
    21 окт 2016 в 12:42
  • Новая возможность: Шаблонные строки, с ними удобнее собирать строки, которые используют данные из кода
    – Grundy
    21 окт 2016 в 12:44
1

function line(width) {
  document.writeln("<hr align='center' width='" + width + "0'>");
}
for (var i = 1; i <= 10; i++)
  line(i);

9
  • первая линия была длиной 10 пикселей - зачем было добавлять процент?
    – Grundy
    21 окт 2016 в 11:32
  • Невнимательность :)
    – ilyaplot
    21 окт 2016 в 11:33
  • Спасибо! А какой код лучше дописать, чтобы продублировать эти пирамиды вниз, чтобы получилась ёлка?
    – snake28
    21 окт 2016 в 11:57
  • document.writeln("<hr align='center' width='" + width + "0'>")
    – snake28
    21 окт 2016 в 11:59
  • Что в данном случае означает "0" после "+width+"?
    – snake28
    21 окт 2016 в 12:01
0

Наверное так правильнее будет, не 0 добавлять, а умножать на 10 (каждый сл. будет в 10 раз длиннее):

function line(width) {
  document.writeln("<hr align='center' width='" + width*10 + "'>");
}

for (var i = 1; i <= 10; i++)
  line(i);   

Лично мне вот такой вариант больше нравиться )) :

function line(width) {
  var line = document.createElement('hr');	   
  document.body.appendChild(line);

  line.style.width += width*10 +'px';
}

for(var i = 1; i <= 10; i++){
  line(i);
}  

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.