前提・実現したいこと
firebaseでデータベースのようなもので、ユーザーが投稿した情報をソートしたり検索したりする機構を作る。
該当のソースコード
const main = ()=>
firebase.database().ref('/simplebbs/posts').limitToLast(10).on('value', snapshot=>{
const posts = snapshot.exists() ? snapshot.val() : {}
let html = ''
for(const [id, {name, content, date, locate0, locate1, locate2}] of Object.entries(posts).reverse())
html += makeReply(id, name, content, date, locate0, locate1, locate2)
document.querySelector('#replies').innerHTML = html
})
const makeReply = (id, name, content, locate0, locate1, locate2, date) => `<div class="reply">
<div class=<h1>"name"</h1>>${name}</div> <div class="date">${date}</div> <div class="content">${content}</div> <div class="locate0">${locate0}</div> <div class="locate1">${locate1}</div> <div class="locate2">${locate2}</div> <button class="delete" onclick="deleteReply('${id}')">delete</button> </div>` ```html <script> $(function () { searchWord = function(){ var searchText = $(this).val(), // 検索ボックスに入力された値 targetText;$('.target-area li').each(function() { targetText = $(this).text(); if (targetText.indexOf(searchText) != -1) { $(this).removeClass('hidden'); } else { $(this).addClass('hidden'); } });
};
</script>
</div><!-- /.wrapper --> ```ここに言語名を入力 html,javascript ``` ```参考 https://qiita.com/nacasora/items/713919f7a56024f5c59f<ul class="target-area"> <div id="replies"></div>
詳細
repliesですべて表示しているので、バラバラに出力してリスト表示すればいい話なのですが、どこに<li>を付けたらいいのかを教えていただきたいです。
または、違った方法の、投稿されたものをリスト化する方法を教えていただきたいです。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/10/03 00:16
2018/10/03 01:34
2018/10/03 02:03
2018/10/03 02:53