Форум

alma95 · #1 (**permalink**) 15.08.2015, 21:48

Можно ли сделать 2 окошка: в первом я пишу число 1, во втором: 10
А под окошком кнопочка и при нажатии на нее в окне ниже <textarea>
автоматически пишется: 1 2 3 4 5 6 7 8 9 10.

Вот такая вещь нужна. Помогите сделать, пожалуйста. Уже не в силах искать решение, даже пример не могу найти

EmperioAf · #2 (**permalink**) 15.08.2015, 23:35

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="">
<meta name="description" content="">
<title>ГГ</title>

<style>
*{
    margin:0;
    padding:0;
    outline: 0;
}

input[type='text'] {
    margin:20px;
    display: inline-block;
}

input[type='button'] {
    width: 250px;
    height: 120px;
    display: block;
    margin-left: 20px;
}

textarea {
    margin:20px;
    display: block;
}
</style>
</head>
<body>
  <input type="text" class="first">
  <input type="text" class="second">
  <input type="button" class="calculate" value = 'Вывести результат'>
  <textarea cols="30" rows="10"></textarea>
<script>

var textarea = document.querySelector('textarea');
document.querySelector('.calculate').addEventListener('click', function(){
  textarea.value = '';
  var firstValue= document.querySelector('.first').value;
  var secondValue= document.querySelector('.second').value;
  console.log(firstValue);
  console.log(secondValue);
  while (+firstValue <= +secondValue) {
    textarea.value += firstValue + ' ';
    firstValue++;
  }
});
</script>
</body>

</html>

рони · #3 (**permalink**) 16.08.2015, 00:09

EmperioAf,
5 всегда больше чем 14 -- вопрос почему?

Decode · #4 (**permalink**) 16.08.2015, 00:48

EmperioAf, проверь typeof firstValue (secondValue).

jenia0jenia · #5 (**permalink**) 16.08.2015, 03:12

можно так

var firstValue= parseInt(document.querySelector('.first').value);
  var secondValue= parseInt(document.querySelector('.second').value);

EmperioAf · #6 (**permalink**) 16.08.2015, 09:40

Сообщение от рони

EmperioAf,
5 всегда больше чем 14 -- вопрос почему?

да. Забыл я, что они не приводятся автоматически к числовому типу при сравнении, т.к. обе уже одного типа (строчного). Добавил два плюса в скрипт. Скрипт рабочий.

Форум

Справочник

Discord чат

Курсы javascript