JavaScript Решает 29. Система комментариев для сайта

Подписаться 140 тыс.

Просмотров 31 тыс.

50% 1

Плейлист: goo.gl/hpmmzj
Сайт: javascript.kiev.ua
Телеграм: t.me/jsrules
Файлы: github.com/lus...
Комментарии для сайта на JavaScript
Помочь проекту:
Приватбанк
5168 7573 0963 8130 - грн
4731 1856 0487 0037 - usd
Лущенко Александр
WebMoney
R354667840881 - RUB
U335516060480 - UAH
Z735368139042 - USD
Bitcoin
1BXtmroCWPnWfqsDUjos6YMrRtGExZ2GYL

Опубликовано:

1 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 128

@Rol1x 2 года назад

Я не понимаю но у меня не идёт делал всё как у видео но не работает :(

@Vsfrcode777 6 месяцев назад

тоже самое

@Sasha228-f9o 2 года назад

когда я пишу в коде event.preventDefault(); у меня всеравно перезагружайтся помогите плиз

@Rol1x 2 года назад

@tohan_play 2 года назад

Сделал все так но почему то выда вало ошибки. Их я пофиксил но немогу разобраться с одной: комменты не отображаются и в консоли пишет что локальное хранилище не найдено, что делать?

@mamontil 3 года назад

А как сделать, чтобы отзывы оставались на сайте? Без БД?

@Autoprom500 Год назад

3:36

@DmitrijBolshakov 6 лет назад

С ООП было бы интересно посмотреть

@realsport4732 4 года назад

а как удалить комментарии опишите полностью пожалуйста

@mamontil 3 года назад

Добрый день! Так удалять научились? Есть сайт, хочу отключить PHP - чтобы комменты были на JS

@mamontil 3 года назад

comments.splice(0); не работает. В консоль выводится пустой массив, но данные на странице остаются

@MrColins710 6 лет назад

дуже круті у вас уроки, на просторах інтернету ще не зустрчав таких толкових, продовжуйте в такому ж дусі, дякую!

@itgid 6 лет назад

Дякую!

@it_centr 6 лет назад

Спасибо за видео, жду Node.js

@itgid 5 лет назад

В конце этого месяца будут уроки.

@komronpulatov6785 5 лет назад

а для того чтобы твой коммент был виден другим пользователям с других гаджетов что нужно делать ? нужно ли покупать(привязать) домен и хостинг к сайту чтобы комментарий был виден для других?

@NewMoviescontent 3 года назад

Привет, если спустя два года ты понял это, можешь рассказать мне?

@denys-voloshyn Год назад

@@NewMoviescontent привет, если спустя год ты понял это, можешь рассказать мне?

@libertariancom Год назад

github pages, например. И не использовать localstorage, так как он хранится в браузере

@MainLoner 6 лет назад

Спасибо за уроки. Вижу Вы много делаете рутинных(которые можно автоматизировать) действий. Есть отличные дополнения для VSCode: Quokka.js (выводит результат функции и console.log) и LiveServer для работы с Ajax и автоматической перезагрузкой страницы.

@itgid 6 лет назад

Спасибо, посмотрю. Большей частью использование console.log нужно для того, чтобы зритель передохнул и посмотрел результат.

@FrontendPlace Год назад

Подскажите пожалуйста, эти комментарии видны другим пользователям?

@KapitanDi 6 месяцев назад

Кое что не работает, а исходный текст видимо убрали.. конечно 6 лет прошло. Или я его не могу найти, дайте ссылку если оно ещё живое)). Интересно также пару добавок сделать, уведомление по почте о новом комментарии и возможность отвечать на комментарии. Если кто пробовал и получилось, дайте ссылочку глянуть на код. Спасибо.

@amirshikarno9880 2 года назад

О_о локал стородж! На сервер коментарии не будут улетать? чтобы было видно на других усройствах

@АндрейА-ъ9у 6 лет назад

Спасибо.Да,пора backend привязывать и поднимать уроки node.js Еще бы mongodb и так далее.)

@МихаилКозлов-ы7ф 7 месяцев назад

В целом как всегда годно. Но есть маленькое НО .. коменты видишь только ТЫ, так как локал твой. А в целом как ту-душка с сохранением норм + этот же функуюционал можно юзать для корзины

@nikbraun5013 3 года назад

ОЧЕНЬ ПОЛЕЗНАЯ ИНФОРМАЦИЯ ! Благодарю Вас за урок! Здоровья Вам желаю!

@seonhighlightsvods9193 6 лет назад

Дякую, вам за такий чудовий ресурс. Мабуть вам це дійсно подобається, якщо ви так вкладаєтесь шукаєте цікаві завдання, а віддачі не так багато в переглядах / підписках. Але думаю, скоро будете СНД The Coding Train

@284master 4 года назад

Вопрос: Как возможно редактировать комментарии после написания их?

@СергейДанилов-ю8з 3 года назад

комментарий удалить почистить кеш браузера

@284master 3 года назад

@@СергейДанилов-ю8з ок

@sevenjay4026 5 лет назад

Памагите как удалить написанный каментарий

@itgid 5 лет назад

выводите кнопку удаления с data равным id возле каждого комментария. При нажатии удаляете его из dom, и удаляете из массива. Обновляете массив в LocalStorage

@olegasm1182 Год назад

Ja vsio smatriu vase video ,Tag gde komentariy soxraniayutsia na ,lokalnom kompe ,ili na sayte ,i is stirat nikak ne vazmozno,esli nabiriotsia mnogo komentariev, Ya proboval vas skript v css,zdelat ,perevirnut formu stob bilo na mobilnoy versiy poka ne paluciaetsia. Spasobo za urok.

@uladzimircharniauski5754 6 лет назад

Как получить доступ к истории комментариев(localstorage)?

@itgid 6 лет назад

getLocalStorage...

@КостянЕрмаков-е9ю 6 лет назад

как быть с ломкой, я дошел до конца плейлиста, а организм требует еще, как быть дальше, что мне делать?))

@Name-wv3cu Год назад

у меня в консоли вылетает такая ошибка Uncaught TypeError: Cannot set properties of null (setting 'onclick') что делать ?

@libertariancom Год назад

Перечитай свой код и посмотри, где ошибся

@Озерный-е2д Год назад

Где скачать этот код? Чтобы не мучаться?

@kawaikaino5277 6 лет назад

Все обновляю - обновляю страницу с каналом, а новых уроков нет((

@НастяЛарионова-ч9я 6 лет назад

Чёткий материал! Очень изложено и понятно. Было бы вообще супер, если б дописали возможность ответа саппорту на каждый комментарий.

@linzebook Год назад

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

@libertariancom Год назад

Вместо Innerhtml для блока с комментами используй prepend

@armgasparyan 6 лет назад

Спасибо за качественный контент, подписка + лайк , жду больше видео!!

@perstj5746 2 года назад

А можно visual studio code скачать на windows xp.??

@DerAleksey 11 месяцев назад

топчик!

@КостянЕрмаков-е9ю 6 лет назад

Что с автором, куда потерялся Александр, кто в курсе, я начинаю беспокоиться?))

@itgid 6 лет назад

Нет не потерялся, просто так сложились дела что 2 недели был занят. Сегодня снова возвращаюсь и буду работать!

@КостянЕрмаков-е9ю 6 лет назад

JavaScript решает, это отличная новость.

@black_f1ame 4 года назад

@@itgid что делать если в файле .js перед let пишет ошибку:ожидалось индификатор

@МойКанал-у3ю 2 года назад

Спасибо большое, но можете кинуть коды для подключения бутстрап

@koreikin Год назад

Да ваши видео, еще долго будут полезны, популярность еще придет.

@alexeska739 5 лет назад

А будет ли материал в продолжение этого урока по сохранению в базе данных?

@itgid 5 лет назад

Нет, по базам данных будут другие уроки. Если хотите полноценный AJAX+БД то мой курс в помощь: js.itgid.info

@Vsfrcode777 7 месяцев назад

не работает

@GeoTapokkk 2 года назад

Спасибо вам огромное. Я хотел сделать комментария в своей крипипасте, и вы очень помогли мне в этом. Спасибо!

@ЯрославВоронин-н8ш 6 лет назад

Качество звука огонь) спасибо за очередной полезный урок!

@prometheusmusic4559 5 лет назад

Знаком с версткой уже года два. Много раз слышал про bootstrap. Не понимал, что это такое, и с чем его едят. Да и не трогал. Благодаря этому уроку приблизительно понял, что это такое. Типа шаблонов для верстки, так?

@michaelduncan1230 3 года назад

sorry to be offtopic but does anybody know of a method to get back into an instagram account? I was dumb forgot my login password. I would love any help you can offer me

@brixtonwarren9864 3 года назад

@Michael Duncan Instablaster :)

@michaelduncan1230 3 года назад

@Brixton Warren i really appreciate your reply. I found the site through google and I'm waiting for the hacking stuff atm. Looks like it's gonna take a while so I will get back to you later when my account password hopefully is recovered.

@michaelduncan1230 3 года назад

@Brixton Warren it worked and I actually got access to my account again. I am so happy! Thanks so much, you saved my ass !

@brixtonwarren9864 3 года назад

@Michael Duncan Happy to help xD

@kawaikaino5277 6 лет назад

Смотрят куча людей, а задонатить автору жмут! Нищеброды поддерживаем автора, хоть 100ка уже приятно человеку.

@itgid 6 лет назад

Я не против. Данатьте!

@skinl3993 6 лет назад

*Донатьте

@thesweetlife843 6 лет назад

Не думал что столько гемора чтоб вывести комментарии )) по мимо этого еще ведь нужно защиту от спама ) капчу хотяб )

@CLEARSKY98 3 года назад

спасибо вам большое, мне это очень поможет в будеще верстке, лайк

@krotenkoff 4 года назад

Как использовать Web SQL, за месть Local Storage?

@standoff-lh1jf 4 года назад

Хмм 66.6 подписчиков

@sevenjay4026 5 лет назад

Как удалить написанный коментарий

@itgid 5 лет назад

удалить элемент из массива delete array[i];

@itgid 5 лет назад

@@sevenjay4026 comments

@NeedForHeavyMetal 2 года назад

Щикааарно!

@dmitriyshevtsov6711 2 года назад

Отличнейшее видео. Всё очень понятно и четко показано. Спасибо

@Qwerty-fn3rf 6 лет назад

Спасибо за урок, познавательно, подскажите пожалуйста, как реализовать удаление комментария

@fanckler 6 лет назад

Круто, а планируете разбирать тему "модулей"? Интересно было узнать про export default class/ cunstructor

@coconut_punker 6 лет назад

А будет видос как в БД заносить? если да, то на ноде будете делать?

@itgid 6 лет назад

для ноды есть отдельный плейлист. Сейчас думаю над бекендом.

@trinside6763 Год назад

то чувство когда обьект это массив

@Synchro13 6 лет назад

Что такое Процедурное программирование?

@itgid 6 лет назад

Термина такого нет. Есть функциональное, но это чуть другое. В данном случае я использовал (не корректно) слово процедурное как противопоставление ООП с его подходами. У меня некоторые функции не возращают результат, а просто выполняют действие. Такие функции, в других ЯП принято называть процедурами.

@Synchro13 6 лет назад

@@itgid Спасибо за ответ

@ANONEMASTER 3 года назад

Как очистить комментарии???

@glebboyarshinov9312 5 лет назад

Что делать даже если код автора с GitHub не работает?

@anna-sava 2 года назад

Дякую! Дуже допомогло

@d1fyyyxflick21 4 года назад

Я зделал всьо за автором

@ЭльдиярЭркинбеков-ч5ж 4 года назад

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

@rbk9582 4 года назад

Если ты работаешь через ангуляр то можно через валидаторы, а вроде в html есть понятие required.

@МашиныСказки-б7е 3 года назад

яччч

@МаксимЕфимов-г6ц 2 года назад

подскажите пожалуйста как удалить все коментарии?

@libertariancom Год назад

Добавь кнопку, которая будет очищать localstorage, например

@arkadii4052 4 года назад

Круто, но забыл про удаление элементов)

@ANONEMASTER 3 года назад

Как очистить?

@mrgregor228 4 года назад

Замечательный урок! Просто супер!

@d1fyyyxflick21 4 года назад

У меня неработает почему, не знаю?

@РитаАрхипова-ц4ч 3 года назад

Спасибо большое

@Ходкоролевы-х9н 3 года назад

Господи спасибо!!!!!!!!!!¡¡¡¡😌💛

@KirillKlimov_lds 6 лет назад

Выводится такая строка: ${timeConverter(item.time)} вместо времени комментария

@itgid 6 лет назад

кавычки поставили неверно. Вы поставили одинарную кавычку, а нужно обратный апостроф.

@onemasterlomaster1829 6 лет назад

ковычки `` где буква Ё или ~ без шифта )))

@itgid 6 лет назад

ничего не понял.

@onemasterlomaster1829 6 лет назад

))) кнопка где обратный апостроф на ней у меня буква Ё

@thesweetlife843 6 лет назад

язык поменяй и все )

@alexandertarasenko3038 6 лет назад

А если кнопке задать type="button"?

@tuRistst 5 лет назад

Тоже будет работать.

@РитаАрхипова-ц4ч 3 года назад

Спасибо большое

@khalilmutallibov 4 года назад

Большое спасибо за урок! Очень качественно и понятно. Но у меня есть пару вопросов. Как расположить комментарии в обратном порядке, чтобы новые появлялись вверху? И еще как удалять комментарии? Буду очень благодарен, если вы ответите.

@МаксимБирюков-ц1ч 3 года назад

здавствуйте, нашли ответ?

@khalilmutallibov 3 года назад

@@МаксимБирюков-ц1ч к сожалению с того времени больше не занимался этим вопросом

@libertariancom Год назад

Поможет prepend, позволяет вставить элемент в начало родительского элемента

@СергейДанилов-ю8з 3 года назад

Спасибо но как делать комментарий чтоб его видели на других ресурсах не только у себя в браузере что мы написали пишу комментарий на ПК а в телефоне комментарий не отображается что делать

@АльбертХасанов-б5э Год назад

Ленивый говорит, чтобы это все знать нужно годами это задрачивать

@userDevilJack 3 года назад

Народ помогите пофиксить код у меня с ним одинаковый но видайот ${timeConverter(item.time)} ${item.name} ${item.body} помогите прошу

@tohan_play 2 года назад

там надо ${timeConverter(item.time)}; занести в ` т.е. получится `${timeConverter(item.time)}`;(я тоже долго думал но потом их заметил)

@andriishchur1837 6 лет назад

Было бы здорово увидеть это же на ООП

@mas4erlomas4er 6 лет назад

Чёт не понял - где файлы урока

@itgid 6 лет назад

:) буду дома - выложу

@itgid 6 лет назад

Кстати да, смотришь - вроде все знаешь, сел писать и облом.

@TheFryOS 6 лет назад

А вы выложите?

@itgid 6 лет назад

А выложил уже!

@old_gem 6 лет назад

На GitHub пустые файлы, посмотрите пожалуйста.

@luxora 3 года назад

Я конечно понимаю, что Js решает, но можно было добавить JQuery, например вместо длиной строки обработки нажатия можно просто написать: $('.ВАШ КЛАСС').click(function (e) { e.preventDefault(); // ваш код... }); Так-же вместо event можно написать e