can't get unicode character to display properly - Javascript and HTML

Question

I'd like to put a unicode up arrow in an html input button that is being generated in Javascript.

These are the codes for the up arrow from unicode-table.com:
Unicode number: U+2191
HTML-code: & #8593; (space between the & and # so you can see the code and not the arrow)

I do have
<charset="utf-8" /> in my head tag in the html file.

I've tried every variation of those two codes I can think of within the <> below and all I get in the browser is the text of the codes I've tried.

Here's the line of code:

upButton.setAttribute("value", "<up arrow code here>");

If stuff is being treated as HTML, etc, use the code formatting, that's what it's there for. — alex
– alex, Commented Apr 3, 2014 at 4:28
not sure what you mean by that @Alex. It seems if I create the button in the html file it works fine, but create th button in Javascript and it will not. For my purposes I need to create it in Javascript, however. — lwalden
– lwalden, Commented Apr 3, 2014 at 4:35
possible duplicate of Insert Unicode character into JavaScript — Jukka K. Korpela
– Jukka K. Korpela, Commented Apr 3, 2014 at 4:47

ThorSummoner · Accepted Answer · 2014-04-03 04:58:19Z

5

try this string instead of an html escape character (this is a JavaScript string after all, not an html text node) \u2191'

edited Apr 3, 2014 at 4:58

answered Apr 3, 2014 at 4:33

ThorSummoner

18.6k18 gold badges144 silver badges156 bronze badges

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

3 Comments

ThorSummoner Over a year ago

or maybe '\x8593'but I kind of doubt it.

lwalden Over a year ago

Thank you - what worked was actually "\u2191" your answer got me the closest and trial and error got me the rest of the way.

Mathias Bynens Over a year ago

@ThorSummoner No, the \x prefix is used for the so-called hexadecimal escape sequences in JavaScript, and those only accept two digits (not four). So you have to use the Unicode escape sequence which accepts four digits, as in your post.

Mathias Bynens · Accepted Answer · 2014-04-04 07:44:22Z

2

To escape any symbol in JavaScript, use this tool: http://mothereff.in/js-escapes#1%E2%86%91 For your example, '↑' becomes '\u2191'.

To escape any symbol in HTML, use this tool: http://mothereff.in/html-entities#%E2%86%91 For your example, ↑ becomes ↑ or ↑.

answered Apr 4, 2014 at 7:44

Mathias Bynens

151k54 gold badges224 silver badges254 bronze badges

1 Comment

b1919676 Over a year ago

Awesome, buddy!

3abqari · Accepted Answer · 2014-04-03 04:30:49Z

0

Try using this in your html: &uparrow;

answered Apr 3, 2014 at 4:30

3abqari

2081 gold badge2 silver badges10 bronze badges

Collectives™ on Stack Overflow

can't get unicode character to display properly - Javascript and HTML

3 Answers 3

3 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related