Emoji Picker Widget Generator

Generate a simple, embeddable emoji picker for your forms.

HTML

<div id="emoji-picker"></div>
<input type="text" id="text-input" placeholder="Your text here..." />

JavaScript

document.addEventListener('DOMContentLoaded', () => {
  const emojis = ['😀', '😂', '😍', '🤔', '👍', '❤️', '🎉', '🔥'];
  const picker = document.getElementById('emoji-picker');
  const input = document.getElementById('text-input');

  emojis.forEach(emoji => {
    const button = document.createElement('button');
    button.innerHTML = emoji;
    button.style.cursor = 'pointer';
    button.style.border = 'none';
    button.style.background = 'none';
    button.style.fontSize = '1.5rem';
    button.onclick = () => {
      input.value += emoji;
    };
    picker.appendChild(button);
  });
});