xtodo JavaScript js
make functional programing example
- JS: String Operations at position 542
- JS: the Set Object (basics) at position 1130
- JS: Deep Copy Array or Object π at position 666
- JS: Sort Map π at position 588
- JS: Number Comparison Operators at position 594
- JS: Object (basics) at position 1746
- JS: CommonJS Module System (history) at position 2844
- JS: ECMAScript 2015 at position 1163
- JS: AMD Module System (history) at position 2318
- Canvas Tutorial: Halma Board Game at position 1170
- JS: Canvas Tutorial at position 1386
- JS: Functional Programing (old. before 2015) at position 931
- JS: Functional Programing at position 666
- JS: Comment at position 617
- JS: Module. Dynamic Import at position 1509
- JS: Module. Import Export Example. at position 621
- JS: Module Specifer at position 2186
- Move JavaScript Variables to the Top (2013) at position 1434
- JS: Random Array Element, Randomize Array π at position 616
- JS: Random Integer Range Function π at position 592
- JS: Strict Mode at position 3364
- JS: Speed, Timing, Benchmark at position 878
- JS: What's the Value of βthisβ in Event Handler? at position 606
- Node.js Module at position 497
- JS DOM: Create Tooltip at position 1086
- Web Animation at position 1703
- Emerging Web Tech: Web Intents at position 3339
- SVG: Circle Arc at position 2562
- JS: SVG Clock at position 1083
- SVG: JavaScript Scripting at position 987
- Canvas vs SVG at position 2901
- Xah Web Dev Blog Archive 2015-05 at position 2978
- Xah Web Dev Blog Archive 2015-07 at position 1971
- Xah Web Dev Blog Archive 2015-10 at position 1220
- Xah Web Dev Blog Archive 2016-01 at position 1513
- Xah Web Dev Blog Archive 2016-04 at position 4434
- Xah Web Dev Blog Archive 2018-02 at position 5718
- Xah Web Dev Blog Archive 2018-08 at position 7505
- Xah Web Dev Blog Archive 2019-05 at position 4984
- Instant Form Field Validation with JavaScript (2005) at position 1542
- HTML FORM Validation with JavaScript (2005) at position 3395
- JS DOM: Image Rollover at position 1306
- JS DOM: Change Element Content at position 2355
- JS DOM: Change CSS at position 1594
- JS DOM: appendChild at position 884
- JS DOM: Copy Text at position 1109
- JS DOM: Pop-up New Window at position 1141
- JS DOM: Add, Remove Event Handler at position 2165
- JS DOM: Intro to Event-Based Programing at position 1790
- JS DOM: Digital Clock at position 1035
- JS DOM: Open URL at position 1228
- JS DOM: Email Field π§ at position 1519
- JS DOM: Input Number Field at position 1766
- JS DOM: Input Range Slider π at position 1576
- JS DOM: Button at position 1241
- JS DOM: Checkbox β at position 1871
- JS DOM: Color Picker π at position 1466
- JS DOM: Password Text Field at position 1857
- JS DOM: Radio Button π at position 2672
- JS DOM: Input Text Field at position 1956
- JS DOM: Selection, Popup Menu β€ at position 2173
- JS DOM: Textarea at position 1623
- JS DOM: Create and Insert HTML Element at position 1170
- JS DOM: Get User Agent, Cookie Enabled Status at position 1670
- JS DOM: Get Cookie, Set Cookie at position 3495
- JS DOM: Creating Nodes, Functional Programing Style at position 886
- JS DOM: Button to Switch to Dark Theme at position 1310
- JS DOM: Disable Right Click at position 548
- JS DOM: document.write at position 694
- JS DOM: Replace All Children, createDocumentFragment at position 652
- JS DOM: Randomize Node Children π at position 996
- JS DOM: Whitespace Nodes at position 1388
- JS DOM: Find Element Width at position 2483
- JS DOM: Event Delegation at position 1285
- JS DOM: Fade a Element via JS at position 1693
- JS DOM: Fade a Element Using CSS Transition at position 1796
- JS DOM: Get Attribute at position 1049
- JS DOM: Get Current Script Element at position 790
- JS DOM: Get Element by ID, Name, Class etc at position 1021
- JS DOM: Get URL (window.location) at position 693
- JS DOM: Insert After an Element at position 848
- JS DOM: Deferred Loading JavaScript for Old Browser (2010) at position 946
- JS DOM: Iterate HTMLCollection at position 698
- JS DOM: List, Add, Remove Class Attribute at position 2387
- JS DOM: Get Element Parent, Child, Sibling at position 1401
- JS DOM: Node Name at position 1263
- JS DOM: Node Type at position 2260
- JS DOM: Node value at position 1157
- JS DOM: Pre-Cache Image at position 517
- JS DOM: Falling Snow Effect at position 737
- JS DOM: Remove All Children at position 634
- JS DOM: Remove Attribute at position 877
- JS DOM: Remove Element at position 533
- JS DOM: Set Attribute at position 1046
- JS DOM: Stopwatch at position 1759
- JS DOM: textContent, innerHTML, innerText, nodeValue at position 822
- JS DOM: Find Window Size at position 897
- JS DOM: Floating Box Following Scroll at position 2902
- WebSocket Tutorial at position 1114
- Why DOM Suck at position 1049
- Tabbed Menu with Pure JavaScript at position 3477
- Xah Web Dev Blog at position 2687
- Disqus JavaScript Code at position 2881
- JS DOM: insert Adjacent Element at position 1312
- jQuery Selector vs DOM querySelectorAll at position 738
- JQuery: How to Write a Plugin at position 681
- jQuery: Selectors at position 748
- jQuery Tutorial at position 3028
- Google Analytics Tracking Code History at position 1306
- search βFunction form lets you manipulate expressionsβ. e.g. reflect.get page. create a new page showing example. and all pages link to it.
- module name space object
- evaluate the quality of this tutorial http://xahlee.info/js/js_import.html
- https://x.com/i/grok/share/poQlwm9jttNoIFunf5H5rcpNw
- whats jsr format in js
- https://x.com/i/grok/share/T0k6ApkwmqyvmyhS0oJ66IGyI
- show deno code that list files in s folder and nested folder, using only deno core
- https://x.com/i/grok/share/wgDKtaPZtgpCZCac2gWwjKg4Q
- does deno have builtin lib that does not require internet access
- https://x.com/i/grok/share/ELVCzl3RQ9do0z3B9GO6z3tlJ
- how to use deno to convert markdown to html
- https://x.com/i/grok/share/iLLGSyjItzPRaNyMSStYocxx5
- whats the problem of js not having int and float type
- https://x.com/i/grok/share/lEGFBnP9vGUcwodzWGRbTpY7z
- A Brief History of JavaScript
- By Deno.
- https://deno.com/blog/history-of-javascript
- CommonJS is hurting JavaScript
- By Andy Jiang.
- https://deno.com/blog/commonjs-is-hurting-javascript
- lol. silly youtube zoomers.
- but that's a good idea for javascript to gen this
- 2025-04-29
- JavaScript fix snow fall page. make it all just fall, no bounce back.
- make it number of flakes according to screen size
- JS DOM: Falling Snow Effect
- 2025-04-29
- review my js class page etc
- 2025-04-29
- review my js iterator generator etc. need to be able to control reset or not
const xx = Array(4).fill(0).map((x, i) => x + i); console.log(xx); // [ 0, 1, 2, 3 ] // yy = xx[Symbol.iterator]; // console.log( yy ) // console.log( yy() .next() ) console.log( xx[Symbol.iterator]().next(), ); // { value: 0, done: false } console.log( xx[Symbol.iterator]().next(), ); // { value: 0, done: false } /* the complex javascript iterator generator interface fucks. here, first is the complexity of no range function. you got the fill method patch to deal with that. then, am trying to deconstruct the iteratable interface, trying to get its next value. but apparantly it resets. very complex, because the iterable contains a property of type symbol, named Symbol.iterator. it's value must be a function. and it must return a object, this object must have a next property, and this property's value must be a function. this is why u get this funky xx[Symbol.iterator]().next() its return value, is a object, that contains value and done keys. yet, somehow it resets. am unable to get it to 0, 1, 2, 3, etc. */
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/new.target
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/DataView
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/WeakSet
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/WeakMap
- JavaScript write tutorial on
setTimeoutandsetInterval
- what's new in js 2022
- https://x.com/i/grok/share/9EcaXLsckPXkiZ23QGbCjE9LO
- ecmascript 2022
- bigint
- number input forms
- need to fix the char frequency. need more corpus Ergonomic Keyboard Layouts
- Character Frequency Plot
- 2021-04-29 work in progress Bigram Calculator
- 2022-09-29 write code to count word frequency, of my site. and bigram. use golang and WolframLang
- change char frequency chart diagram to svg. e.g. Myth of QWERTY vs Dvorak Layout , check all pages.
- 2021-05-20 change to svg Russian Keyboard Layout
JavaScript
- 2021-11-26 add how to add a style sheet on the page. See also: JS DOM: Change CSS. look at the code for unicode search.
- 2021-04-09 write a interactive converter Unicode: Full-Width Characters
- 2021-04-09 write a interactive JavaScript to compute bigram chart. What is the Most Efficient Keyboard Layout?
- 2023-10-31 node.attributes JavaScript
Georrg, 11/03/2022 @XahLee standard library has walk and walkSync functions
- async: https://deno.land/std@0.162.0/fs/walk.ts?s=walk
- sync: https://deno.land/std@0.162.0/fs/walk.ts?s=walkSync
import { walkSync } from "https://deno.land/std@0.162.0/fs/walk.ts"; for (const entry of walkSync(".")) { console.log(entry.path); }
- 2022-09-26 JS: JSON.stringify, doc optional args
- 2022-09-26 JS: JSON.parse , doc optional args
- 2022-08-21 test innerText , and also more study on nodeValue JS DOM: textContent, innerHTML, innerText, nodeValue
- 2022-09-04 update jQuery Selector vs DOM querySelectorAll
- 2022-09-04 review JS DOM: textContent, innerHTML, innerText, nodeValue
- 2022-09-04 JavaScript Java class model vs JavaScript class model
- 2022-09-02 JavaScript maybe delete any mention of βalso is a Iteratorβ
- 2022-08-31 group the object properties JS: Object.keys
- Difference Between Implied Global and True Global Variable JS: Global Variable
-
2022-10-14 write a
xah_is_map_equalandxah_is_set_equal
- 2022-07-28 JS: Symbol.prototype
- 2022-07-28 JS: String.raw
a TypeScript and deno problem
- // The problem. Save this as x.ts, then call deno run x.ts
- // You get the error , shown in the other pane
- // deno wants u to add typescript types, but the problem is, can't do it unless perhaps most of the types is any, or u mod the code so it have if statement to catch impractical errors such as out of bound index, empty string, etc
- // The question is, how do u add type declaration, without changing ur code to add silly impractical error catching
const fCharStrToId = ((x) => x.codePointAt(0)); const fCharIdToStr = ((x) => (String.fromCodePoint(x))); console.log(fCharStrToId("π¦")); // 129419 /* BUTTERFLY ID 129419 HEXD 1F98B UTF8 F0 9F A6 8B UTF16 D83E DD8B */
- 2022-03-26 JavaScript obfusticate my unicode search code https://github.com/javascript-obfuscator/javascript-obfuscator
- JavaScript deno walk dir https://deno.land/std@0.135.0/fs#expandglob
- 2022-03-14 JS: Symbol (class) need complete
- need list of all unicode properties JS: Regex Unicode Property
- 2022-02-19 add how to use python to do it What Characters Are Unicode Letter β’ Python: Get Unicode Name, Code Point β’ Python: Unicode π
- 2022-01-11 JavaScript svg, need to rewrite Emacs Key Layout Diagram
- 2021-12-17 JavaScript, write a syntax highlight. start perhaps for elisp. just do simple word highlight. use regex. highlight vars if possible. highlight comment. possibly even ignore string.
- 2021-05-20 . write JavaScript svg keyboard diagram
- write a js to generate keyboard svg diagram
- ;; 2022-04-03 There's a new notation for key, based on finger.
- ;; For example the qwerty e key is Lp2p1.
- ;; The notation is like this: [left or rigt hand][column number][row number].
- ;; L means left hand, R means right hand
- ;; Column position, pointing finger is 1, index is 2, ring finger is 3, pinky is 4, and so on in that direction. Thumb is 0. In the thumb direction is -1, -2 etc.
- ;; Row position, home row is 0. Above is 1, below is -1.
- ;; Positive number are written with p in front. Eg p1, p2. Zero is p0. Negative can be written with n in front, eg n1, n2.
- ;; This system is a notation system for keyboard physical layout, which also indicates associated finger for that key.
- ;; The advantage is that it's a logical system, not based on arbitrary table lookup.
- ;; Qwerty, dvorak, etc can then be mapped to this logical system.
- a text diagram of letter layout map to fingerposition
- qwerty letter map to fingerposition
- dvorak letter map to fingerposition
- fingerposition map to center of key
- 2021-11-15 create keyboard layout JavaScript
- layout draw
- Xah Talk Show Keyboard Heatmap JavaScript + SVG
- Xah Talk Show 2020-09-26 JavaScript live coding keyboard layout heatmap
missing some. create new page for them.
- JS: Object.prototype.constructor
- JS: Array.prototype.constructor
- JS: Function.prototype.constructor
- JS: Map.prototype.constructor
- JS: Set.prototype.constructor
- JS: String.prototype.constructor
- JS: RegExp.prototype.constructor
- JS: Date.prototype.constructor
- JS: Symbol.prototype.constructor
- JS: Promise.prototype.constructor
- Proxy does not have constructor property