JavaScript Unicode Input Text Box

Question

I'm trying to use JavaScript to set the value of an Input Text Box to this Emoji >> 🤔
But it didn't work as I expect it to.
I've tried several different format to express the Unicode but none of it works.
I've included the snippet that I've tried.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  </head>
  <body>

    <script>
      var myTextBox = document.createElement("input");
      document.body.appendChild( myTextBox );
      myTextBox.value = "&#129300";

      //	None of below will work:
      //	\u1F914
      //	\xF0\x9F\xA4\x94
      //	&#129300;
    </script>

    <p> &#129300; </p>

  </body>
</html>

Any idea on how to do this properly?

Check this link. You find find some solution for it

Raw Scripter
– Raw Scripter

2018-08-27 14:20:25 +00:00
Commented Aug 27, 2018 at 14:20 — Raw Scripter
– Raw Scripter, Commented Aug 27, 2018 at 14:20

weirdan · Accepted Answer · 2018-08-27 14:21:14Z

2

You need to convert it into a surrogate pair: "\uD83E\uDD14"

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  </head>
  <body>

    <script>
      var myTextBox = document.createElement("input");
      document.body.appendChild( myTextBox );
      myTextBox.value = "\uD83E\uDD14";
    </script>

    <p> &#129300; </p>

  </body>
</html>

answered Aug 27, 2018 at 14:21

weirdan

2,67725 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JavaScript Unicode Input Text Box

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related