Не выводит с инпута в p число?

Если вы хотите считать число из <input> поля и отобразить его в <p> элементе на веб-странице с помощью JavaScript, то следует учесть несколько важных моментов.

1. Получение значения из <input> элемента:

Сначала необходимо получить доступ к <input> элементу на странице. Это можно сделать с помощью метода document.getElementById() или других методов доступа к элементам DOM.

let inputValue = document.getElementById('myInput').value;

2. Преобразование значения в число:

Значение, полученное из <input> элемента, будет представлено как строка. Для использования этого значения в математических операциях, необходимо преобразовать его в число. Для этого можно воспользоваться функцией parseInt() или parseFloat().

let number = parseInt(inputValue);
// Или
let number = parseFloat(inputValue);

3. Отображение числа в <p> элементе:

Теперь, когда у вас есть число в переменной, вы можете вставить его в текст <p> элемента. Для этого вам также потребуется доступ к <p> элементу на странице.

document.getElementById('myParagraph').textContent = number;

4. HTML разметка:

Не забудьте добавить соответствующие id атрибуты к вашим элементам:

<input type="text" id="myInput">
<p id="myParagraph"></p>

Таким образом, после ввода числа в <input> поле и события (например, при нажатии на кнопку), это число будет отображено в <p> элементе. Не забывайте обрабатывать возможные ошибки (например, если пользователь вводит нечисловые данные) для обеспечения корректной работы вашего JavaScript кода.