test.html 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta charset="UTF-8">
  5. <style>
  6. body, html, div{
  7. width: 100%;
  8. height: 100%;
  9. margin: 0;
  10. }
  11. div{
  12. width: 1024px;
  13. height: 768px;
  14. border: 5px solid green;
  15. background-color: red;
  16. margin: 0;
  17. }
  18. </style>
  19. </head>
  20. <body>
  21. <div id="pusher"></div>
  22. <script>
  23. var ZERO_WIDTH_JOINER_CODE = 8205; // U+200D
  24. var VARIATION_SELECTOR_16 = 65039; // U+FE0F
  25. // var text= '🏳️‍🌈';
  26. var text= '🏴‍☠️';
  27. // var text= '👨🏽‍🌾';
  28. // var text= '👩‍👩‍👧‍👧';
  29. // var text= '👨‍🦱';
  30. // var text= '👨🏿';
  31. for (var i = 0; i < text.length; i++) {
  32. console.log('INDEX: ', i);
  33. var charCode = text.charCodeAt(i);
  34. console.log('CHAR CODE: ', charCode);
  35. if (charCode >= 0xD800 && charCode <= 0xDBFF) {
  36. console.log('HIGH SURROGATE');
  37. }
  38. if (charCode >= 0xDC00 && charCode <= 0xDFFF) {
  39. console.log('LOW SURROGATE');
  40. }
  41. if (charCode === ZERO_WIDTH_JOINER_CODE) {
  42. console.log('ZERO WIDTH JOINENR')
  43. }
  44. if (charCode === VARIATION_SELECTOR_16) {
  45. console.log('VARIATION SELECTOR')
  46. }
  47. console.log('=====================');
  48. }
  49. </script>
  50. </body>
  51. </html>