smiley

[
{ “emoji”: “😀”, “name”: “Grinning Face”, “category”: “Smileys” },
{ “emoji”: “🐶”, “name”: “Dog Face”, “category”: “Animals” }
]

const grid = document.getElementById(“emoji-grid”);
const searchBox = document.getElementById(“search”);

function renderEmojis(list) {
grid.innerHTML = “”;
list.forEach(item => {
const btn = document.createElement(“button”);
btn.textContent = item.emoji;
btn.title = item.name;
btn.onclick = () => {
navigator.clipboard.writeText(item.emoji);
alert(`${item.emoji} copied!`);
};
grid.appendChild(btn);
});
}

searchBox.oninput = () => {
const q = searchBox.value.toLowerCase();
renderEmojis(EMOJI_DATA.filter(e =>
e.name.toLowerCase().includes(q)
));
}

renderEmojis(EMOJI_DATA);