寻找满月漫画百度云资源
body {
fontfamily: Arial, sansserif;
margin: 0;
padding: 20px;
}
h1 {
textalign: center;
marginbottom: 30px;
}
p {
lineheight: 1.5;
}
.searchform {
margintop: 30px;
}
form {
display: flex;
width: 100%;
flexdirection: column;
}
input[type="text"], label {
marginbottom: 10px;
padding: 5px;
}
button {
padding: 10px 20px;
backgroundcolor: 4CAF50;
color: white;
border: none;
cursor: pointer;
}
.results {
margintop: 40px;
padding: 20px;
border: 1px solid ccc;
borderradius: 5px;
}
.resultitem {
marginbottom: 15px;
cursor: pointer;
}
满月漫画搜索
// 假设我们有一个漫画数据数组
const mangaList = [
{
title: '满月',
author: '作者1',
link: 'https://www.example.com/manga/1',
},
{
title: '月之子',
author: '作者2',
link: 'https://www.example.com/manga/2',
},
// 更多漫画...
];
document.getElementById('searchForm').addEventListener('submit', async (e) => {
e.preventDefault();
const query = document.getElementById('searchQuery').value.toLowerCase();
const filteredManga = mangaList.filter(manga => manga.title.includes(query) || manga.author.includes(query));
const resultsDiv = document.getElementById('searchResults');
resultsDiv.innerHTML = '';
filteredManga.forEach(manga => {
const resultItem = document.createElement('div');
resultItem.textContent = `${manga.title} ${manga.author} 点击阅读`;
resultItem.classList.add('resultitem');
resultsDiv.appendChild(resultItem);
});
if (filteredManga.length === 0) {
resultsDiv.textContent = '抱歉,没有找到匹配的漫画。';
}
});