Differences

This shows you the differences between two versions of the page.

--- emoji_decoder [2025/09/23 01:47] – created Yuki
+++ emoji_decoder [2025/09/24 18:49] (current) – Yuki
@@ Line 1: / Line 1: @@
+====== Emoji decoder ======
+Hide any message in emojis!
+===== Decoder =====
 <html>
 <input type="text" id="emoji" /><button onclick="conv()">submit</button>
-<span id="out"></span>
+<pre id="out"></pre>
 <script>
 function conv(){
 $emoji=document.querySelector("#emoji");
 $out=document.querySelector("#out");
-$out.innerHTML = String.fromCodePoint(...[...$emoji.value].map(a=>a.codePointAt()-0xe00ef).slice(1))
+$out.innerHTML = new TextDecoder().decode(new Uint8Array([...$emoji.value].map(a=>a.codePointAt()-(a<16?0xfe00:0xe0100)).slice(1)))
+}
+</script>
+</html>
+===== Encoder =====
+<html>
+<script type="module" src="https://cdn.jsdelivr.net/npm/emoji-picker-element@^1/index.js"></script>
+<emoji-picker></emoji-picker>
+<textarea id="emoji2" onchange="encode()" cols="40" rows="8"></textarea>
+<br/><button onclick="encode()">submit</button>
+<input type="text" readonly size="1" id="out2"></span>
+<script>
+var emo = 0x1fae0;
+document.querySelector("emoji-picker").addEventListener('emoji-click', e => {emo=e.detail.unicode.codePointAt();encode()});
+function encode(){
+var $emoji2=document.querySelector("#emoji2");
+var $out=document.querySelector("#out2");
+$out.value = String.fromCodePoint(emo,...[...new TextEncoder().encode($emoji2.value)].map(a=>a+(a<16?0xfe00:0xe0100)));
 }
 </script>
 </html>

neige d'aoust