marijnh · arsahindev · Feb 16, 2024 · Feb 17, 2024 · Feb 18, 2024 · Feb 18, 2024
diff --git a/00_intro.md b/00_intro.md
diff --git a/01_values.md b/01_values.md
diff --git a/02_program_structure.md b/02_program_structure.md
diff --git a/03_functions.md b/03_functions.md
diff --git a/04_data.md b/04_data.md
diff --git a/05_higher_order.md b/05_higher_order.md
diff --git a/06_object.md b/06_object.md
diff --git a/07_robot.md b/07_robot.md
diff --git a/08_error.md b/08_error.md
diff --git a/09_regexp.md b/09_regexp.md
diff --git a/10_modules.md b/10_modules.md
diff --git a/11_async.md b/11_async.md
diff --git a/12_language.md b/12_language.md
diff --git a/13_browser.md b/13_browser.md
diff --git a/14_dom.md b/14_dom.md
diff --git a/15_event.md b/15_event.md
diff --git a/16_game.md b/16_game.md
diff --git a/17_canvas.md b/17_canvas.md
diff --git a/18_http.md b/18_http.md
diff --git a/19_paint.md b/19_paint.md
diff --git a/20_node.md b/20_node.md
diff --git a/21_skillsharing.md b/21_skillsharing.md
diff --git a/README.md b/README.md
@@ -51,3 +51,6 @@ to the same language (and possibly never finish it). (Since
 translations have to retain the license, it is okay to pick up someone
 else's translation and continue it, even when they have vanished from
 the internet.)
+
+I am not interested in machine translations. Please only ask me to
+link your translation when it was done by actual people.
diff --git a/code/animatevillage.js b/code/animatevillage.js
@@ -33,12 +33,15 @@
       this.node = outer.appendChild(doc.createElement("div"))
       this.node.style.cssText = "position: relative; line-height: 0.1; margin-left: 10px"
       this.map = this.node.appendChild(doc.createElement("img"))
-      this.map.src = "img/village2x.png"
+      let imgPath = "img/"
+      if (/\/code($|\/)/.test(outer.ownerDocument.defaultView.location)) imgPath = "../" + imgPath
+      console.log(outer.ownerDocument.defaultView.location.toString(), /\/code($|\/)/.test(outer.ownerDocument.defaultView.localation), imgPath)
+      this.map.src = imgPath + "village2x.png"
       this.map.style.cssText = "vertical-align: -8px"
       this.robotElt = this.node.appendChild(doc.createElement("div"))
       this.robotElt.style.cssText = `position: absolute; transition: left ${0.8 / speed}s, top ${0.8 / speed}s;`
       let robotPic = this.robotElt.appendChild(doc.createElement("img"))
-      robotPic.src = "img/robot_moving2x.gif"
+      robotPic.src = imgPath + "robot_moving2x.gif"
       this.parcels = []
 
       this.text = this.node.appendChild(doc.createElement("span"))

diff --git a/code/levels.js b/code/levels.js
@@ -86,7 +86,7 @@ var GAME_LEVELS = [`
 ++++#.#++++++#.........#+++++#.....................##++++++##..+.....................#######......................
 ++++#.#++++++#.........#+++++##.......##############++++++##...+..................................................
 ++++#.#++++++#.........#++++++#########++++++++++++++++++##....+..................................................
-++++#.#++++++#.........#++++++++++++++++++++++++++++++++##.....++++++++++++.......................................
+++++#.#++++++#.........#++++++++++++++++++++++++++++++++##.....+++++++++++++++++++++++++++++++++++++++++++++++++++
 `,`
 ..............................................................................................................
 ..............................................................................................................

diff --git a/code/solutions/06_3_iterable_groups.js b/code/solutions/06_3_iterable_groups.js
@@ -29,6 +29,9 @@ class Group {
 }
 
 class GroupIterator {
+  #members;
+  #position;
+
   constructor(members) {
     this.#members = members;
     this.#position = 0;

diff --git a/code/solutions/09_1_regexp_golf.js b/code/solutions/09_1_regexp_golf.js
@@ -24,7 +24,7 @@ verify(/\p{L}{7}/u,
        ["Siebentausenddreihundertzweiundzwanzig"],
        ["no", "three small words"]);
 
-verify(/(^|\P{L})[^\P{L}e]+($|\P{L})/i,
+verify(/(^|\P{L})[^\P{L}e]+($|\P{L})/ui,
        ["red platypus", "wobbling nest"],
        ["earth bed", "bedrøvet abe", "BEET"]);
 

diff --git a/code/solutions/10_2_roads_module.js b/code/solutions/10_2_roads_module.js
@@ -1,4 +1,4 @@
-const {buildGraph} = require("./graph");
+import {buildGraph} from "./graph";
 
 const roads = [
   "Alice's House-Bob's House",   "Alice's House-Cabin",
@@ -10,4 +10,4 @@ const roads = [
   "Marketplace-Town Hall",       "Shop-Town Hall"
 ];
 
-exports.roadGraph = buildGraph(roads.map(r => r.split("-")));
+export const roadGraph = buildGraph(roads.map(r => r.split("-")));
diff --git a/epub/frontmatter.xhtml b/epub/frontmatter.xhtml
@@ -23,8 +23,7 @@
     Pixel art in Chapters 7 and 16 by Antonio Perdomo Pastor. Regular
     expression diagrams in Chapter 9 generated
     with <a href="https://regexper.com/">regexper.com</a> by Jeff
-    Avallone. Village photograph in Chapter 11 by Fabrice Creuzot.
-    Game concept for Chapter 16
+    Avallone. Game concept for Chapter 16
     by <a href="http://lessmilk.com">Thomas Palef</a>.</p>
 
     <p>A paper version of Eloquent JavaScript, including a bonus

diff --git a/html/index.html b/html/index.html
@@ -22,115 +22,96 @@
 <div id=cover>
 
   <p style="margin: 1em 0">
-    <a href="https://nostarch.com/ejs3">
+    <a href="https://nostarch.com/eloquent-javascript-4th-edition">
       <img src="img/cover.jpg" alt="Cover image" style="border: 1px solid black; max-width: 100%; box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.4)">
     </a>
   </p>
 
-  <h1>Eloquent JavaScript<div style="font-size: 70%">4th edition (2024)</div></h2>
+  <h1>Eloquent JavaScript<div style="font-size: 70%">4. Baskı (2024)</div></h2>
 
-  <p>This is a book about JavaScript, programming, and the wonders of
-  the digital. You can read it online here, or buy your own
-  <a href="https://nostarch.com/ejs3">paperback copy</a> (3rd edition).</p>
+  <p>Bu kitap JavaScript, programlama ve JavaScript'in harikaları hakkında bir kitaptır.
+    dijital. Online olarak buradan okuyabilir veya kendi <a href="https://nostarch.com/eloquent-javascript-4th-edition"></a>kopyanızı</a> satın alabilirsiniz
+  paperback copy.</p>
 
-  <p>Written by Marijn Haverbeke.</p>
+  <p>Yazar, Marijn Haverbeke.</p>
 
   <div style="font-size: 80%">
-  <p>Licensed under
-  a <a href="https://creativecommons.org/licenses/by-nc/3.0/">Creative
-  Commons attribution-noncommercial license</a>. All code in this book
-  may also be considered licensed under
-  an <a href="https://eloquentjavascript.net/code/LICENSE">MIT license</a>.</p>
-
-  <p>Illustrations by various artists: Cover
-  by <a href="http://www.pechane.com/">Péchane Sumi-e</a>. Chapter
-  illustrations by <a href="http://madalinatantareanu.com/">Madalina
-  Tantareanu</a>. Pixel art in Chapters 7 and 16 by Antonio Perdomo
-  Pastor. Regular expression diagrams in Chapter 9 generated
-  with <a href="https://regexper.com">regexper.com</a> by Jeff
-  Avallone. Village photograph in Chapter 11 by Fabrice Creuzot. Game
-  concept for Chapter 16 by <a href="http://lessmilk.com">Thomas
-  Palef</a>.</p>
+  <p><a href="https://creativecommons.org/licenses/by-nc/3.0/">Creative Commons atıf-ticari olmayan lisansı</a> altında lisanslanmıştır. Bu kitaptaki tüm kodlar <a href="https://eloquentjavascript.net/code/LICENSE">MIT lisansı</a> altında lisanslanmış olarak da kabul edilebilir.
+
+  <p>İllüstrasyonlar farklı sanatçılar tarafından yapılmıştır: Kapak <a href="http://www.pechane.com/">Péchane Sumi-e</a>. Bölüm illüstrasyonları <a href="http://madalinatantareanu.com/">Madalina Tantareanu</a>. Bölüm 7 ve 16'daki pixel sanat Antonio Perdomo Pastor. Bölüm 9'daki düzenli ifade diyagramları <a href="https://regexper.com">regexper.com</a> aracılığıyla Jeff Avallone tarafından oluşturuldu. Bölüm 16'daki oyun konsepti <a href="http://lessmilk.com">Thomas Palef</a>.</p>
   </div>
 
 </div>
 
 <div id=contents>
 
-  <h2>Contents</h2>
+  <h2>İçerik</h2>
 
   <ol class=toc>
-    <li class="contents-intro"><a href="00_intro.html">Introduction</a>
+    <li class="contents-intro"><a href="00_intro.html">Giriş</a>
     <li>
-      <h3>(Part 1: Language)</h3>
-      <a href="01_values.html">Values, Types, and Operators</a>
+      <h3>(Bölüm 1: Dil)</h3>
+      <a href="01_values.html">Değerler, Tipler, ve Operatörler</a>
     </li>
-    <li><a href="02_program_structure.html">Program Structure</a>
-    <li><a href="03_functions.html">Functions</a>
-    <li><a href="04_data.html">Data Structures: Objects and Arrays</a>
-    <li><a href="05_higher_order.html">Higher-order Functions</a>
-    <li><a href="06_object.html">The Secret Life of Objects</a>
-    <li><a href="07_robot.html">Project: A Robot</a>
-    <li><a href="08_error.html">Bugs and Errors</a>
-    <li><a href="09_regexp.html">Regular Expressions</a>
-    <li><a href="10_modules.html">Modules</a>
-    <li><a href="11_async.html">Asynchronous Programming</a>
-    <li><a href="12_language.html">Project: A Programming Language</a>
+    <li><a href="02_program_structure.html">Program Yapısı</a>
+    <li><a href="03_functions.html">Fonksiyonlar</a>
+    <li><a href="04_data.html">Data Yapıları: Nesneler ve Diziler</a>
+    <li><a href="05_higher_order.html">Yüksek Dereceli Fonksiyonlar</a>
+    <li><a href="06_object.html">Nesnelerin Gizli Yaşamı</a>
+    <li><a href="07_robot.html">Proje: Bir Robot</a>
+    <li><a href="08_error.html">Problemler ve Hatalar</a>
+    <li><a href="09_regexp.html">Düzenli İfadeler</a>
+    <li><a href="10_modules.html">Modüller</a>
+    <li><a href="11_async.html">Asenkron Programlama</a>
+    <li><a href="12_language.html">Proje: Bir Programlama Dili</a>
     <li>
-      <h3>(Part 2: Browser)</h3>
-      <a href="13_browser.html">JavaScript and the Browser</a>
+      <h3>(Bölüm 2: Tarayıcı)</h3>
+      <a href="13_browser.html">JavaScript ve Tarayıcı</a>
     </li>
-    <li><a href="14_dom.html">The Document Object Model</a>
-    <li><a href="15_event.html">Handling Events</a>
-    <li><a href="16_game.html">Project: A Platform Game</a>
-    <li><a href="17_canvas.html">Drawing on Canvas</a>
-    <li><a href="18_http.html">HTTP and Forms</a>
-    <li><a href="19_paint.html">Project: A Pixel Art Editor</a>
+    <li><a href="14_dom.html">Doküman Nesne Modeli</a>
+    <li><a href="15_event.html">Olayların Ele Alınması</a>
+    <li><a href="16_game.html">Proje Bir Platform Oyunu</a>
+    <li><a href="17_canvas.html">Tuval Üzerine Çizim</a>
+    <li><a href="18_http.html">HTTP ve Formlar</a>
+    <li><a href="19_paint.html">Proje Bir Piksel Sanat Editörü</a>
     <li>
-      <h3>(Part 3: Node)</h3>
+      <h3>(Bölüm 3: Node)</h3>
       <a href="20_node.html">Node.js</a>
     </li>
-    <li><a href="21_skillsharing.html">Project: Skill-Sharing Website</a>
+    <li><a href="21_skillsharing.html">Proje Beceri Paylaşım Sitesi</a>
   </ol>
 
 </div>
 
 <div id=links>
 
-  <p>A paper version of Eloquent JavaScript, including an additional
-  chapter, is being brought out
-  by <a href="http://www.nostarch.com/ejs3">No Starch Press</a>.</p>
+  <p>Eloquent JavaScript'in kağıt versiyonu, ek bir  bölümü, <a href="https://nostarch.com/eloquent-javascript-4th-edition">No Starch Press</a> tarafından yayımlanıyor.</p>
 
-  <h2>Other pages</h2>
+  <h2>Diğer sayfalar</h2>
 
   <ul class="links">
-    <li><a href="code">Code sandbox and exercise solutions</a></li>
-    <li><a href="errata.html">Errata for the paper book</a></li>
-    <li><a href="Eloquent_JavaScript.pdf">This book as a single PDF file</a> (&amp; <a href="Eloquent_JavaScript_small.pdf">small version for mobile</a>)</li>
-    <li><a href="https://eloquentjavascript.net/Eloquent_JavaScript.epub">This book as an EPUB file</a></li>
-    <li><a href="https://eloquentjavascript.net/Eloquent_JavaScript.mobi">This book as a MOBI (Kindle) file</a></li>
-    <li><a href="https://eloquentjavascript.net/1st_edition">The first edition of the book</a></li>
-    <li><a href="https://eloquentjavascript.net/2nd_edition">The second edition of the book</a></li>
-    <li><a href="https://eloquentjavascript.net/3rd_edition">The third edition of the book</a></li>
+    <li><a href="https://eloquentjavascript.net/1st_edition">Kitabın ilk baskısı</a></li>
+    <li><a href="https://eloquentjavascript.net/2nd_edition">Kitabın ikinci baskısı</a></li>
+    <li><a href="https://eloquentjavascript.net/3rd_edition">Kitabın üçüncü baskısı</a></li>
   </ul>
 
-  <h2>Translations</h2>
+  <h2>Çeviriler</h2>
 
-  <h3>Fourth Edition</h3>
+  <h3>Dördüncü Baskı</h3>
 
   <ul class=translations>
     <li><a href="https://eloquent-javascript-es.vercel.app/">Español (Spanish)</a></li>
   </ul>
 
-  <h3>Third Edition</h3>
+  <h3>Üçüncü Baskı</h3>
 
   <ul class=translations>
     <li><a href="https://academy.hsoub.com/files/27-%D8%A7%D9%84%D8%A8%D8%B1%D9%85%D8%AC%D8%A9-%D8%A8%D9%84%D8%BA%D8%A9-%D8%AC%D8%A7%D9%81%D8%A7%D8%B3%D9%83%D8%B1%D8%A8%D8%AA/">عَرَبِيّ (Arabic)</a></li>
     <li><a href="http://eloquentjs.ir/">فارسی (Persian)</a></li>
     <li><a href="https://eloquentjs-es.thedojo.mx/">Español (Spanish, partial)</a></li>
   </ul>
 
-  <h3>Second Edition</h3>
+  <h3>İkinci Baskı</h3>
 
   <ul class=translations>
     <li><a href="https://rabahboudia.gitbooks.io/arabic-eloquent-js/content/index.html">عَرَبِيّ‎ (Arabic)</a></li>