get string size of bytes

content/posts/2023/javascript/fetch-html.md

@@ -12,7 +12,7 @@ tags: [tutorial, javascript]
 Чаще всего ты используешь метод `json()`
 для получения объекта JSON из возвращенного потока.
 
-Например следующий код вернёт последную версию Minecraft:
+Например следующий код вернёт последнюю версию Minecraft:
 
 ```javascript
 let minecraftUrl = 'https://launchermeta.mojang.com/mc/game/version_manifest_v2.json';
@@ -47,7 +47,7 @@ fetch('https://steamcommunity.com/id/_iiiypuk')
 Теперь, когда у тебя есть HTML в виде текстовой строки,
 ты можешь сделать с ним несколько вещей.
 
-1. Вставьть его в элемент с помощью `innerHTML`.
+1. Вставить его в элемент с помощью `innerHTML`.
 2. Преобразовать в HTML и манипулировать им.
 
 ```javascript

content/posts/2023/javascript/get-bytes-string-size.md

@@ -0,0 +1,32 @@
+---
+title: "📏 Получаю размер строки в байтах в Javascript"
+date: 2023-01-04T23:59:20+03:00
+draft: false
+tags: [javascript, tips]
+---
+
+## Снипплет — ByteSize()
+
+Байт - это единица цифровой информации.  
+Есть различные способы получить размер строки, но с помощью этой функций это сделать очень легко.
+
+Снипплет `ByteSize()` принимает строку в качестве аргумента,
+а на выходе возвращает размер заданной строки в байтах.
+
+Синтаксис имеет такой вид:
+
+```javascript
+const byteSize = str => new Blob([str]).size;
+```
+
+Здесь я использую [Blob web API](https://developer.mozilla.org/en-US/docs/Web/API/Blob)
+для определения размера.
+
+Вот несколько примеров снипплета в действии:
+
+```javascript
+const result = byteSize('Hello World'); // output: 11
+const result = byteSize('😗'); // output: 4
+const result = byteSize('🧑🏻‍💻'); // output: 15
+```
+