Всем привет, есть код для определения, является ли, введенное число однозначным, двузначным или трехзначным

Помогите поменять его так чтобы вместо окон все отображалось на странице

<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script>

var num = prompt('Введите число', 0);

if (num == 0) {
  alert( "Число " + num + " нуль" );
} else if (num > 0 && num < 10) {
  alert( "Число " + num + " однозначное положительное" );
} else if (num >= 10 && num < 100) {
  alert( "Число " + num + " двухзначное положительное" );
} else if (num >= 100) {
  alert( "Число " + num + " положительное трехзначное и более" );
} else if (num < 0 && num > -10) {
  alert( "Число " + num + " однозначное отрицательное" );
} else if (num <= -10 && num > -100) {
  alert( "Число " + num + " двухзначное отрицательное" );
} else {
  alert( "Число " + num + " отрицательное трехзначное и более" );
}

</script>
</body>
</html>

введите сюда код


Ответы (1 шт):

Автор решения: Alexei Romanov

Вам нужно чтобы отрисовывалось все на странице? В таком случае нужно использовать элементы HTML, а не alert

Чтобы решить вашу проблему будет достаточно заменить alert на document.getElementByTag('body').innerHTML = "%значение%" и в итоге получим вот такой код:

<html>
<head>
    <meta charset="utf-8">
</head>
<body>
<script>

  let num = prompt('Введите число', 0)
  let body = document.querySelector('body')
  if (num == 0) {
    body.innerHTML = 'Число ' + num + ' нуль'
  } else if (num > 0 && num < 10) {
    body.innerHTML = 'Число ' + num + ' однозначное положительное'
  } else if (num >= 10 && num < 100) {
    body.innerHTML = 'Число ' + num + ' двухзначное положительное'
  } else if (num >= 100) {
    body.innerHTML = 'Число ' + num + ' положительное трехзначное и более'
  } else if (num < 0 && num > -10) {
    body.innerHTML = 'Число ' + num + ' однозначное отрицательное'
  } else if (num <= -10 && num > -100) {
    body.innerHTML = 'Число ' + num + ' двухзначное отрицательное'
  } else {
    body.innerHTML = 'Число ' + num + ' отрицательное трехзначное и более'
  }

</script>
</body>
</html>

Сразу скажу, что сам алгоритм, как и код в целом ужасен, но я думаю вы это поправите, если вам действительно будет нужно

→ Ссылка