<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preload" as="image" href="https://bytes.dev/images/bytes-banner-rounded.png">
<link rel="preload" as="image" href="https://bytes.dev/images/content/eyes.png">
<link rel="preload" as="image" href="https://bytes.dev/images/content/ego-flashback.jpg">
<link rel="preload" as="image" href="https://bytes.dev/images/fb-share-icon.png">
<link rel="preload" as="image" href="https://bytes.dev/images/li-share-icon.png">
<link rel="preload" as="image" href="https://bytes.dev/images/tw-share-icon.png">
<link rel="preload" as="image" href="https://bytes.dev/images/em-share-icon.png">
<link rel="preload" as="image" href="https://bytes.dev/images/content/qa-wolf-logo.png">
<link rel="preload" as="image" href="https://bytes.dev/images/content/jonah-finger.jpg">
<link rel="preload" as="image" href="https://bytes.dev/images/content/pop-quiz.png">
<link rel="preload" as="image" href="https://bytes.dev/images/content/cool-bits.png">
<link rel="preload" as="image" href="https://bytes.dev/images/bytes-icon.png">
<title>Bytes: A new JS framework for old time's sake</title>
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<link href="https://fonts.googleapis.com/css2?family=Fira+Mono&family=Outfit:wght@400;500;700;900&family=Paytone+One" rel="stylesheet">
<style>@media (prefers-color-scheme: dark) {
.email-wrapper {
color: #F9F4DA !important;
background-color: #0F0D0E !important;
}
hr {
border-color: #262422 !important;
}
mark {
background-color: #231F20 !important;
color: #F9F4DA !important;
}
pre {
background-color: #231F20 !important;
border: 1px solid #231F20 !important;
color: #F9F4DA !important;
}
.bg-alt {
background-color: #231F20 !important;
}
.unsubscribe-link {
color: #504C48 !important;
}
.token.punctuation {
color: #f9f4da !important;
}
}
@media screen and (min-width: 600px) {
.mobile-break {
display: none;
}
}</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<table class="email-wrapper" border="0" cellspacing="0" width="100%" style="background-color: #FFF; border-collapse: collapse; color: #231F20; font-family: Outfit, sans-serif; font-size: 16px; width: 100%;"><tbody><tr>
<td style="border-collapse: collapse !important; word-break: normal;"></td>
<td width="600px" style="border-collapse: collapse !important; width: 600px; word-break: normal;"><div style="max-width:600px;padding-top:80px">
<div style="text-align:center"><img width="600" style="max-width: 100%; padding-bottom: 40px;" src="https://bytes.dev/images/bytes-banner-rounded.png" alt="Bytes"></div>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><strong style="font-weight: 600;">Today’s issue:</strong> Curing my gambling addiction with CSS, willingly attracting bots to my OSS project, and proving that I’m alive at a very real coffee shop.</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Welcome to <a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhv0r8q7sghv0drlnph9hq32o/e0hph0u7vkrk0ws8/aHR0cHM6Ly9ieXRlcy5kZXYvYXJjaGl2ZXMvNDcy" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841969284">#472</a>.</p>
<hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;">
<div style="text-align:center;margin-bottom:36px">
<img width="80" src="https://bytes.dev/images/content/eyes.png" alt="Eyeballs logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;">The Main Thing</h2>
</div>
<div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; max-width: 100%; padding: 24px; padding-bottom: 12px;">
<img src="https://bytes.dev/images/content/ego-flashback.jpg" alt="Ego from Ratatouille having a flashback to his childhood" width="600" style="border-radius: 5px; max-width: 100%;"><p style="font-family: Outfit, sans-serif; font-size: 15px; font-style: italic; line-height: 1; margin: 0; padding-bottom: 4px; padding-left: 24px; padding-right: 24px; padding-top: 10px; text-align: center;">How it feels writing about a new JavaScript framework in 2026<!-- --> </p>
</div>
<h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;">A new JS framework for old time’s sake</h3>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">React gave us hooks, Solid gave us signals, and Svelte 5 gave us runes. <a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhv0r8q7sghv0drlnph9hq32o/7qh7h2u9l0n0omcz/aHR0cHM6Ly9nZWFqcy5jb20v" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841969285">Gea</a> claims you don’t need any of that (and it’s not a rabid Web Components anarchist either).</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Instead, this less-than-a-week-old JavaScript framework hands off the heavy lifting to the compiler, while you just use regular JS classes and functions. A ~10kb reactive framework with zero new primitives that benchmarks faster than Svelte and Solid does sound suspiciously good, so let’s take a closer look:</p>
<ul>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><strong style="font-weight: 600;">No new concepts</strong> – No signals, hooks, dependency arrays, or compiler directives. Stores are classes, components are classes or functions, and computed values are getters. If you’ve written a JavaScript class before, you already know the API. The compiler does everything else.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><strong style="font-weight: 600;">Compile-time reactivity</strong> – The Vite plugin reads your JSX, works out what depends on what, and generates direct DOM updates without a VDOM sitting in the middle.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><strong style="font-weight: 600;">Mutation just works</strong> – State lives in classes wrapped by a deep Proxy. <code style="font-size: 14px;">this.count++</code> does what you’d expect. Push to an array, update a nested object, and it all triggers the right updates without any special syntax. Objects and arrays passed as props are the same reactive proxy, which means child components can mutate parent state directly. Convenient but a big departure from the one-way data flow React and Vue developers are used to.</p>
</li>
</ul>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><strong style="font-weight: 600;">Bottom Line:</strong> Gea is so new that if you ship a project with it today, you’ll officially be a top-5 most important person in the ecosystem. But it does look genuinely interesting for performance-maxxing SPAs, especially if you’re tired of the mental overhead from hooks/signals/runes.</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Or if you’re someone who still appreciates seeing a weird little JavaScript framework pop up every once in a while.</p>
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; margin-top: 40px; text-align: center;"><tbody><tr><td style="border-collapse: collapse !important; padding-top: 12px; word-break: normal;">
<a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhv0r8q7sghv0drlnph9hq32o/owhkhwuw94q4r8iv/aHR0cHM6Ly9mYWNlYm9vay5jb20vc2hhcmVyL3NoYXJlci5waHA_dT1odHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNDcy" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1841969286"><img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/fb-share-icon.png"></a><a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhv0r8q7sghv0drlnph9hq32o/z2hgh7ue6olo3osp/aHR0cHM6Ly93d3cubGlua2VkaW4uY29tL3NoYXJpbmcvc2hhcmUtb2Zmc2l0ZS8_dXJsPWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY0NzI=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1841969287"><img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/li-share-icon.png"></a><a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhv0r8q7sghv0drlnph9hq32o/p8hehqu469q9zziq/aHR0cHM6Ly90d2l0dGVyLmNvbS9pbnRlbnQvdHdlZXQvP3RleHQ9R2VhJTIwd2FudHMlMjB0byUyMGhlbHAlMjB5b3UlMjBmb3JnZXQlMjBhbGwlMjB0aGUlMjBwYWluJTIwdGhhdCUyMGhvb2tzJTJDJTIwc2lnbmFscyUyQyUyMGFuZCUyMHJ1bmVzJTIwaGF2ZSUyMGNhdXNlZCUyMHlvdSZ1cmw9aHR0cHMlM0ElMkYlMkZieXRlcy5kZXYlMkZhcmNoaXZlcyUyRjQ3Mg==" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1841969288"><img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/tw-share-icon.png"></a><a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhv0r8q7sghv0drlnph9hq32o/x0hph3ue2nqnweb5/bWFpbHRvOj9ib2R5PVRob3VnaHQlMjB5b3UlMjdkJTIwbG92ZSUyMHRoaXMlMjB3ZWVrJTI3cyUyMEJ5dGVzJTBBLS0tJTBBR2VhJTIwd2FudHMlMjB0byUyMGhlbHAlMjB5b3UlMjBmb3JnZXQlMjBhbGwlMjB0aGUlMjBwYWluJTIwdGhhdCUyMGhvb2tzJTJDJTIwc2lnbmFscyUyQyUyMGFuZCUyMHJ1bmVzJTIwaGF2ZSUyMGNhdXNlZCUyMHlvdSUwQWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY0NzImc3ViamVjdD1Zb3UlMjBsaWtlJTIwY29ybmJyZWFkJTNG" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1841969289"><img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/em-share-icon.png"></a>
</td></tr></tbody></table>
<hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;">
<div style="text-align:center;margin-bottom:36px">
<img width="150" src="https://bytes.dev/images/content/qa-wolf-logo.png" alt="QA Wolf logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;"><span>Our Friends <br class="mobile-break">(With Benefits)</span></h2>
</div>
<div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; max-width: 100%; padding: 24px; padding-bottom: 12px;">
<img src="https://bytes.dev/images/content/jonah-finger.jpg" alt="Jonah hill looking frustrated and tired" width="600" style="border-radius: 5px; max-width: 100%;"><p style="font-family: Outfit, sans-serif; font-size: 15px; font-style: italic; line-height: 1; margin: 0; padding-bottom: 4px; padding-left: 24px; padding-right: 24px; padding-top: 10px; text-align: center;">When your team is writing code faster than ever, but shipping features slower than ever<!-- --> </p>
</div>
<h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"><a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhv0r8q7sghv0drlnph9hq32o/6qhehoulrp9p7nto/aHR0cHM6Ly9hdHRlbmQucWF3b2xmLmNvbS9zZWUtaXQtaW4tYWN0aW9uLXFhLXdvbGZzLWFpLXBvd2VyZWQtYWktcG93ZXJlZC1xYS1wbGF0Zm9ybS9yZWdpc3RyYXRpb24_dXRtX2NhbXBhaWduPUFDUV9BbGxfRGVtb19Db252ZXJzaW9uc19fTmV3c2xldHRlckF1ZGllbmNlXy1fTmV3c2xldHRlcl9EZW1pbmFyXzIwMjYwMzIzLU5vbmVfRXhwZXJpbWVudC1GQUxTRSZ1dG1fY29udGVudD1EZW1pbmFyX1JTVlBIZXJlRm9yVGhlV29ya3Nob3BfTm9uZV9IZWFkbGluZSUzQUhvd1RvU2V0VXBBSVBvd2VyZWRRQUZvckRhaWx5UmVsZWFzZXNGcmVlV2ViaW5hcl9fX19OZXdzbGV0dGVyLVByaW1hcnlQbGFjZW1lbnRfMjAyNjAzMjNfdjFfJnV0bV9tZWRpdW09bmV3c2xldHRlciZ1dG1fc291cmNlPWJ5dGVzJnV0bV90ZXJtPWhlYWRsaW5lLUhvd1RvU2V0VXBBSVBvd2VyZWRRQUZvckRhaWx5UmVsZWFzZXNGcmVlV2ViaW5hcg==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841969290">How to set up AI-powered QA for daily releases - free webinar</a></h3>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">AI fundamentally changes how software gets built. Faster developers are building more features and opening more PRs than ever before… but QA is still the bottleneck.</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Join QA Wolf co-founder & CEO Jon Perl for a <a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhv0r8q7sghv0drlnph9hq32o/7qh7h2u9l0n0o3fz/aHR0cHM6Ly9hdHRlbmQucWF3b2xmLmNvbS9zZWUtaXQtaW4tYWN0aW9uLXFhLXdvbGZzLWFpLXBvd2VyZWQtYWktcG93ZXJlZC1xYS1wbGF0Zm9ybS9yZWdpc3RyYXRpb24_dXRtX2NhbXBhaWduPUFDUV9BbGxfRGVtb19Db252ZXJzaW9uc19fTmV3c2xldHRlckF1ZGllbmNlXy1fTmV3c2xldHRlcl9EZW1pbmFyXzIwMjYwMzIzLU5vbmVfRXhwZXJpbWVudC1GQUxTRSZ1dG1fY29udGVudD1EZW1pbmFyX1JTVlBIZXJlRm9yVGhlV29ya3Nob3BfTm9uZV9IZWFkbGluZSUzQUhvd1RvU2V0VXBBSVBvd2VyZWRRQUZvckRhaWx5UmVsZWFzZXNGcmVlV2ViaW5hcl9fX19OZXdzbGV0dGVyLVByaW1hcnlQbGFjZW1lbnRfMjAyNjAzMjNfdjFfJnV0bV9tZWRpdW09bmV3c2xldHRlciZ1dG1fc291cmNlPWJ5dGVzJnV0bV90ZXJtPWJvZHktTGl2ZVdlYmluYXI=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841969292">live webinar</a> to see how QA Wolf’s AI-powered testing platform equips teams for an AI-native SDLC.</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">You’ll see:</p>
<ul>
<li>
<strong style="font-weight: 600;">Mapping AI</strong> that autonomously maps app workflows</li>
<li>
<strong style="font-weight: 600;">Automation AI</strong> that generates deterministic, code-based tests</li>
<li>
<strong style="font-weight: 600;">Parallel runs</strong> that return results in minutes</li>
</ul>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhv0r8q7sghv0drlnph9hq32o/owhkhwuw94q4rxhv/aHR0cHM6Ly9hdHRlbmQucWF3b2xmLmNvbS9zZWUtaXQtaW4tYWN0aW9uLXFhLXdvbGZzLWFpLXBvd2VyZWQtYWktcG93ZXJlZC1xYS1wbGF0Zm9ybS9yZWdpc3RyYXRpb24_dXRtX2NhbXBhaWduPUFDUV9BbGxfRGVtb19Db252ZXJzaW9uc19fTmV3c2xldHRlckF1ZGllbmNlXy1fTmV3c2xldHRlcl9EZW1pbmFyXzIwMjYwMzIzLU5vbmVfRXhwZXJpbWVudC1GQUxTRSZ1dG1fY29udGVudD1EZW1pbmFyX1JTVlBIZXJlRm9yVGhlV29ya3Nob3BfTm9uZV9IZWFkbGluZSUzQUhvd1RvU2V0VXBBSVBvd2VyZWRRQUZvckRhaWx5UmVsZWFzZXNGcmVlV2ViaW5hcl9fX19OZXdzbGV0dGVyLVByaW1hcnlQbGFjZW1lbnRfMjAyNjAzMjNfdjFfJnV0bV9tZWRpdW09bmV3c2xldHRlciZ1dG1fc291cmNlPWJ5dGVzJnV0bV90ZXJtPWN0YS1SU1ZQSGVyZUZvclRoZVdvcmtzaG9w" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841969293">RSVP here for the workshop</a></p>
<hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;">
<div style="text-align:center;margin-bottom:36px">
<img width="140" src="https://bytes.dev/images/content/pop-quiz.png" alt="Pop Quiz logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;">Pop Quiz</h2>
<div class="section-presenter" style="margin-bottom:50px;margin-top:15px">
<h4 style="font-size: 19px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;">Sponsored by <a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhv0r8q7sghv0drlnph9hq32o/z2hgh7ue6olo3ntp/aHR0cHM6Ly93d3cubWV0aWN1bG91cy5haS8_dXRtX2NhbXBhaWduPTI2cTEmdXRtX2NvbnRlbnQ9cHJlc2VudGluZyZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX3NvdXJjZT1ieXRlcw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841969294">Meticulous</a>
</h4>
<p style="font-family: Outfit, sans-serif; font-size: 16px; line-height: 1.5; margin-top: 5px; padding-left: 24px; padding-right: 24px;"><em>Meticulous generates and <em>maintains</em> an exhaustive suite of <a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhv0r8q7sghv0drlnph9hq32o/z2hgh7ue6olo3ntp/aHR0cHM6Ly93d3cubWV0aWN1bG91cy5haS8_dXRtX2NhbXBhaWduPTI2cTEmdXRtX2NvbnRlbnQ9cHJlc2VudGluZyZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX3NvdXJjZT1ieXRlcw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841969294">e2e UI tests</a> that covers every edge case of your web app. See why CTOs at Notion, Dropbox and LaunchDarkly rely on them.</em></p>
</div>
</div>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">What gets logged?</p>
<pre class="language-js" style="-moz-hyphens: none; -moz-tab-size: 2; -ms-hyphens: none; -o-tab-size: 2; -webkit-hyphens: none; background-color: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 8px; color: #c0c5ce; direction: ltr; font-family: 'Fira Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 14px; hyphens: none; line-height: 1.5; overflow: auto; padding: 24px; tab-size: 2; text-align: left; white-space: pre; word-break: normal; word-spacing: normal;"><code class="language-js" style="-moz-hyphens: none; -moz-tab-size: 2; -ms-hyphens: none; -o-tab-size: 2; -webkit-hyphens: none; color: #c0c5ce; direction: ltr; font-family: 'Fira Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 14px; hyphens: none; line-height: 1.5; tab-size: 2; text-align: left; white-space: pre; word-break: normal; word-spacing: normal;"><span class="token keyword" style="color: #f38ba3; font-size: 14px;">class</span> <span class="token class-name" style="color: #12b5e5; font-size: 14px;">BankAccount</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token function" style="color: #9d7dce; font-size: 14px;">constructor</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token parameter" style="color: #f38ba3; font-size: 14px;">initialBalance</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span>balance <span class="token operator" style="color: #12b5e5; font-size: 14px;">=</span> initialBalance<span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span>minimumBalance <span class="token operator" style="color: #12b5e5; font-size: 14px;">=</span> <span class="token number" style="color: #fcba28; font-size: 14px;">20.00</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span>
<span class="token function" style="color: #9d7dce; font-size: 14px;">deposit</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token parameter" style="color: #f38ba3; font-size: 14px;">amount</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span>balance <span class="token operator" style="color: #12b5e5; font-size: 14px;">+=</span> amount<span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span>
<span class="token function" style="color: #9d7dce; font-size: 14px;">withdraw</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token parameter" style="color: #f38ba3; font-size: 14px;">amount</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">if</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token keyword" style="color: #f38ba3; font-size: 14px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span>balance <span class="token operator" style="color: #12b5e5; font-size: 14px;">-</span> amount <span class="token operator" style="color: #12b5e5; font-size: 14px;"><=</span> <span class="token keyword" style="color: #f38ba3; font-size: 14px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span>minimumBalance<span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">return</span> <span class="token boolean" style="color: #9d7dce; font-size: 14px;">false</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span> <span class="token keyword" style="color: #f38ba3; font-size: 14px;">else</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span>balance <span class="token operator" style="color: #12b5e5; font-size: 14px;">-=</span> amount<span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">return</span> <span class="token boolean" style="color: #9d7dce; font-size: 14px;">true</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span>
<span class="token function" style="color: #9d7dce; font-size: 14px;">getBalance</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">return</span> <span class="token keyword" style="color: #f38ba3; font-size: 14px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span>balance<span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">const</span> myAccount <span class="token operator" style="color: #12b5e5; font-size: 14px;">=</span> <span class="token keyword" style="color: #f38ba3; font-size: 14px;">new</span> <span class="token class-name" style="color: #12b5e5; font-size: 14px;">BankAccount</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token number" style="color: #fcba28; font-size: 14px;">150.00</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
myAccount<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">deposit</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token number" style="color: #fcba28; font-size: 14px;">0.10</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
myAccount<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">deposit</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token number" style="color: #fcba28; font-size: 14px;">0.20</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
myAccount<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">withdraw</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token number" style="color: #fcba28; font-size: 14px;">130.30</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
console<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">log</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span>myAccount<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">getBalance</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
</code></pre>
<hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;">
<div style="text-align:center;margin-bottom:36px">
<img width="110" src="https://bytes.dev/images/content/cool-bits.png" alt="Cool Bits logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;">Cool Bits</h2>
</div>
<ol>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">The <a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhv0r8q7sghv0drlnph9hq32o/p8hehqu469q9z6hq/aHR0cHM6Ly9tYWRjc3MuY29tLw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841969295">MadCSS Tournament</a> is heating up, and I just know there’s still enough time for me to make back all the money I lost betting on Adam Wathan on Kalshi.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhv0r8q7sghv0drlnph9hq32o/x0hph3ue2nqnw0s5/aHR0cHM6Ly9vcmtlcy5pby9hY2FkZW15Lw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841969296">Orkes Academy</a> is a new learning platform for Orchestration with courses on architecture & design, building pipelines, and more. And they’re giving away a <em>*free hoodie*</em> when you complete any course <span role="img" aria-label="eyes">👀</span> [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Matteo Collina wrote about <a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhv0r8q7sghv0drlnph9hq32o/kkhmh2unw8x8l0il/aHR0cHM6Ly9ibG9nLnBsYXRmb3JtYXRpYy5kZXYvd2h5LW5vZGVqcy1uZWVkcy1hLXZpcnR1YWwtZmlsZS1zeXN0ZW0=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841969298">why Node.js needs a virtual file system</a>.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">BitTorrent creator, Bram Cohen released a demo of <a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhv0r8q7sghv0drlnph9hq32o/58hvh8ugx565mru6/aHR0cHM6Ly9naXRodWIuY29tL2JyYW1jb2hlbi9tYW55YW5h" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841969299">Manyana</a> - a vision for the future of version control that uses CRDTs for better conflict resolution. Thanks for all the free UFC fights over the years, my guy.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhv0r8q7sghv0drlnph9hq32o/25h2h9u397m72mc3/aHR0cHM6Ly93d3cuZ3JlcHRpbGUuY29tL2V4YW1wbGVz" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841969300">Greptile in Action</a> shows some of the top bugs caught by Greptile’s AI code reviewer in popular OSS repos like OpenClaw, PyTorch, Netflix, PostHog, and more. And it links to the specific GH issue, so you can check it out. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">[Shadify]((<a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhv0r8q7sghv0drlnph9hq32o/qvh8h8udw8k8rlul/aHR0cHM6Ly9naXRodWIuY29tL0NvcGlsb3RLaXQvc2hhZGlmeQ==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841969301">https://github.com/CopilotKit/shadify</a>) lets you generate Shadcn components with natural prompts.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Will Keleher shared <a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhv0r8q7sghv0drlnph9hq32o/g3hnhwum9eqe32hr/aHR0cHM6Ly93aWxsLWtlbGVoZXIuY29tL3Bvc3RzL3NtYWxsLXByb2dyYW1taW5nLXRyaWNrcy1tYXR0ZXIv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841969302">small programming tricks</a> that can have a big impact on productivity. I’m typically more interested in small pills that have a big impact on my productivity, but this seems helpful too.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Andrew Nesbitt shared some advice on <a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhv0r8q7sghv0drlnph9hq32o/3ohphdu3mqpq36hr/aHR0cHM6Ly9uZXNiaXR0LmlvLzIwMjYvMDMvMjEvaG93LXRvLWF0dHJhY3QtYWktYm90cy10by15b3VyLW9wZW4tc291cmNlLXByb2plY3QuaHRtbA==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841969304">how to attract AI bots to your open source project</a>. Next week he’ll be writing about how to attract bees to your 6 year old’s birthday party.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">James Garbutt wrote about the <a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhv0r8q7sghv0drlnph9hq32o/n2hohquvqn7nv8h6/aHR0cHM6Ly80MzA4MWouY29tLzIwMjYvMDMvdGhyZWUtcGlsbGFycy1vZi1qYXZhc2NyaXB0LWJsb2F0" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841969305">three pillars of JavaScript bloat</a>, including why npm dependency trees are full of redundant packages.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Steve Krouse wrote about how <a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhv0r8q7sghv0drlnph9hq32o/48hvh7uml0x0mptx/aHR0cHM6Ly9zdGV2ZWtyb3VzZS5jb20vcHJlY2lzaW9u" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841969306">the reports of code’s death are greatly exaggerated</a>. Because if there’s one thing I learned on the internet last week, it’s that if someone is really dead they definitely wouldn’t be able to pick up a totally real cup of coffee at a very real coffee shop with their normal, human hands.</p>
</li>
</ol>
<hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;">
<div style="text-align:center;margin-bottom:36px">
<img width="140" src="https://bytes.dev/images/content/pop-quiz.png" alt="Pop Quiz logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;">Pop Quiz: Answer</h2>
<div class="section-presenter" style="margin-bottom:50px;margin-top:15px"><h4 style="font-size: 19px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;">Sponsored by <a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhv0r8q7sghv0drlnph9hq32o/z2hgh7ue6olo3ntp/aHR0cHM6Ly93d3cubWV0aWN1bG91cy5haS8_dXRtX2NhbXBhaWduPTI2cTEmdXRtX2NvbnRlbnQ9cHJlc2VudGluZyZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX3NvdXJjZT1ieXRlcw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841969294">Meticulous</a>
</h4></div>
</div>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Answer: 150.29999999999998</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">We would expect to see 20.00, but due to floating point arithmetic in JavaScript, we get an unexpected result. To fix this issue, we can represent money as integers (e.g., cents) and use Math.round to avoid the pitfalls of floating-point calculations. Here is the updated code:</p>
<pre class="language-js" style="-moz-hyphens: none; -moz-tab-size: 2; -ms-hyphens: none; -o-tab-size: 2; -webkit-hyphens: none; background-color: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 8px; color: #c0c5ce; direction: ltr; font-family: 'Fira Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 14px; hyphens: none; line-height: 1.5; overflow: auto; padding: 24px; tab-size: 2; text-align: left; white-space: pre; word-break: normal; word-spacing: normal;"><code class="language-js" style="-moz-hyphens: none; -moz-tab-size: 2; -ms-hyphens: none; -o-tab-size: 2; -webkit-hyphens: none; color: #c0c5ce; direction: ltr; font-family: 'Fira Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 14px; hyphens: none; line-height: 1.5; tab-size: 2; text-align: left; white-space: pre; word-break: normal; word-spacing: normal;"><span class="token keyword" style="color: #f38ba3; font-size: 14px;">class</span> <span class="token class-name" style="color: #12b5e5; font-size: 14px;">BankAccount</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token function" style="color: #9d7dce; font-size: 14px;">constructor</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token parameter" style="color: #f38ba3; font-size: 14px;">initialBalance</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span>balanceCents <span class="token operator" style="color: #12b5e5; font-size: 14px;">=</span> Math<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">round</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span>initialBalance <span class="token operator" style="color: #12b5e5; font-size: 14px;">*</span> <span class="token number" style="color: #fcba28; font-size: 14px;">100</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span>minimumBalanceCents <span class="token operator" style="color: #12b5e5; font-size: 14px;">=</span> <span class="token number" style="color: #fcba28; font-size: 14px;">2000</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span>
<span class="token function" style="color: #9d7dce; font-size: 14px;">deposit</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token parameter" style="color: #f38ba3; font-size: 14px;">amount</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span>balanceCents <span class="token operator" style="color: #12b5e5; font-size: 14px;">+=</span> Math<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">round</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span>amount <span class="token operator" style="color: #12b5e5; font-size: 14px;">*</span> <span class="token number" style="color: #fcba28; font-size: 14px;">100</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span>
<span class="token function" style="color: #9d7dce; font-size: 14px;">withdraw</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token parameter" style="color: #f38ba3; font-size: 14px;">amount</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">const</span> withdrawalCents <span class="token operator" style="color: #12b5e5; font-size: 14px;">=</span> Math<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">round</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span>amount <span class="token operator" style="color: #12b5e5; font-size: 14px;">*</span> <span class="token number" style="color: #fcba28; font-size: 14px;">100</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">if</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span>
Math<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">round</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token keyword" style="color: #f38ba3; font-size: 14px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span>balanceCents <span class="token operator" style="color: #12b5e5; font-size: 14px;">-</span> withdrawalCents<span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span> <span class="token operator" style="color: #12b5e5; font-size: 14px;"><</span> <span class="token keyword" style="color: #f38ba3; font-size: 14px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span>minimumBalanceCents
<span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">return</span> <span class="token boolean" style="color: #9d7dce; font-size: 14px;">false</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span> <span class="token keyword" style="color: #f38ba3; font-size: 14px;">else</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span>balanceCents <span class="token operator" style="color: #12b5e5; font-size: 14px;">-=</span> withdrawalCents<span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">return</span> <span class="token boolean" style="color: #9d7dce; font-size: 14px;">true</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span>
<span class="token function" style="color: #9d7dce; font-size: 14px;">getBalance</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">return</span> <span class="token keyword" style="color: #f38ba3; font-size: 14px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span>balanceCents <span class="token operator" style="color: #12b5e5; font-size: 14px;">/</span> <span class="token number" style="color: #fcba28; font-size: 14px;">100</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">const</span> myAccount <span class="token operator" style="color: #12b5e5; font-size: 14px;">=</span> <span class="token keyword" style="color: #f38ba3; font-size: 14px;">new</span> <span class="token class-name" style="color: #12b5e5; font-size: 14px;">BankAccount</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token number" style="color: #fcba28; font-size: 14px;">150.0</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
myAccount<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">deposit</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token number" style="color: #fcba28; font-size: 14px;">0.1</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
myAccount<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">deposit</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token number" style="color: #fcba28; font-size: 14px;">0.2</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
myAccount<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">withdraw</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token number" style="color: #fcba28; font-size: 14px;">130.3</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token comment" style="color: rgb(167, 167, 167); font-size: 14px;">// Displaying the remaining balance, should be 20.00</span>
console<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">log</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span>myAccount<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">getBalance</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
</code></pre>
<div style="text-align:center;padding-bottom:80px;padding-top:80px">
<div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; padding: 24px;"><div style="margin-top:-40px">
<img src="https://bytes.dev/images/bytes-icon.png" alt="Bytes" width="55px" style="max-width: 100%; width: 55px;"><h5 style="font-size:18px;font-weight:400;margin-bottom:24px">Want us to say nice things <br> about your company?</h5>
<div style="margin-bottom:16px"><a style="background-color: #FCBA28; border: 1px solid #231F20; border-radius: 100px; color: #231F20; font-size: 14px; font-weight: 600; padding: 8px 14px; text-decoration: none;" href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhv0r8q7sghv0drlnph9hq32o/wnh2h6uq7r0rq4s7/aHR0cHM6Ly9ieXRlcy5kZXYvYWR2ZXJ0aXNl" url-id="1841969307">Sponsor Bytes</a></div>
<div style="margin-bottom:20px"><a style="color: #FCBA28; font-size: 14px; font-weight: 600; text-decoration: underline;" href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhv0r8q7sghv0drlnph9hq32o/reh8h9umdq6qmvs2/aHR0cHM6Ly9ieXRlcy5kZXYvc2hhcmU=" url-id="1841969308">or share it</a></div>
<p style="font-family: Outfit, sans-serif; font-size: 14px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Built with ❤️ by<!-- --> <a style="color: #ed203d; font-weight: 600; text-decoration: underline;" href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhv0r8q7sghv0drlnph9hq32o/08hwhgu2emlm2kfl/aHR0cHM6Ly9maXJlc2hpcC5kZXY=" url-id="1841969309">Fireship</a></p>
</div></div>
<p style="font-family: Outfit, sans-serif; font-size: 14px; line-height: 1.5; opacity: 0.5; padding-left: 24px; padding-right: 24px;">50 W Broadway Ste 333 PMB 51647 Salt Lake City, Utah 84101</p>
<div style="font-family:Papyrus, cursive"><a class="unsubscribe-link" href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhv0r8q7sghv0drlnph9hq32o/8ghqh3uodgrgo5sk/aHR0cHM6Ly9ieXRlcy5kZXYvdW5zdWJzY3JpYmU=" style="color: #9B9890;" url-id="1841969310">Unsubscribe from Bytes</a></div>
</div>
</div></td>
<td style="border-collapse: collapse !important; word-break: normal;"></td>
</tr></tbody></table>
<span style="display: none"><a href="https://c5e21242.unsubscribe.convertkit-mail.com/v8u5q54200irhv0r8q7sghv0drlnph9hq32o">Unsubscribe</a></span>
<!-- -->
<img src="https://c5e21242.open.convertkit-mail.com/v8u5q54200irhv0r8q7sghv0drlnph9hq32o" alt="">
</body>
</html>