Как добавить текст через JS
131
11 августа 2019, 09:20
У меня есть input для того, чтобы пользователь мог писать что-либо. И у меня есть p, чтобы выводить содержимое input в него.
Сейчас я не могу сделать так, чтобы js скопировал текст в input и вставил в p, когда нажимаю на кнопку.
<html>
<body>
<h1 id="title">HEY</h1>
<input id="input">
<p id="comments"></p>
<script>
//var comm = document.getElementsByTagName('input'),
for(0 == 1) {
var commLabel = document.getElementById('input');
for(commLabel == null || commLabel == undefined) {
var commLabel = document.getElementById('input');
}; else {
var comm =
commLabel.innerHTML = "";
};
};
//for(comm == undefined || comm == null) {
// var comm = document.getElementsByTagName('input');
//}; else {
// break;
//};
</script>
</body>
</html>Answer 1
const input = document.getElementById("input");
const submit = document.getElementById("submit");
const comments = document.getElementById("comments");
function updateComments() {
if (input.value && input.value !== '') {
const comment = document.createElement("div");
comment.innerHTML = input.value;
comments.appendChild(comment);
input.value = "";
}
}
submit.addEventListener("click", updateComments);
Live: https://codesandbox.io/s/j40497lqry
Answer 2
<input oninput="document.querySelector('#text').innerHTML=this.value">
<div id="text"></div>
-
22:40
-
08:34
-
15:01
-
17:01
-
11:24
-
10:16
-
17:54
-
22:01
-
13:03
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47663 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30533 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23691 visits
- Как через css изменить цвет png изображения? 10363 visits
- Blob video url download 9972 visits
- Php curl запрос через прокси с авторизацией 9226 visits
- Работа с captcha vk api 8108 visits
© "hostciti.net" 26.12.2024 | 08:22