DEV Community: ProgrammerMoney.com

Algo-Trading Journey: Randomness Causes Support Levels

ProgrammerMoney.com — Fri, 01 Nov 2024 11:35:16 +0000

(this is part 7 of the Algo-Trading Journey series)

PROOF: Support and resistance levels are not created by supply and demand. 😲 Instead, they emerge from randomness itself. 🤯💥📈

Patterns Are Deceiving You

Even in ancient Greece, people were able to precisely calculate when the Sun would rise and set.

However...

Their interpretation of WHY this happens was... questionable, LOL.

Apparently, the god Appollo was carrying the Sun in his chariot across the sky. (and was extremely punctual) 😂😆

CONCLUSION: you can be excellent in recognizing patterns, and still be absolutely terrible in explaining (and understanding) them.

BUT... if you read this entire article, you will learn something about the market barely anyone else understands... so stick around... this will be fun 😉🎉

Support & Resistance Levels

Above is a Bitcoin price chart spanning more than 3 years.

I drew two of the biggest support and resistance levels during this period.

Now, you may think there is no way this has anything to do with randomness.

Especially on such a long timeframe.

It is "clearly" the result of overall market supply and demand.

BUT...

You would be wrong 😲

How can I be so sure?

Because I can prove it to you using very (very) simple math.

And you can't argue with math... 1 + 1 is 2.

Market "Atoms"

Let's make the simplest market exchange imaginable:

The smallest possible price change can be ±1
The smallest possible candle will be 4 price points (4 trades)

Now, let's see what this looks like in practice...

+1, -1, -1, +1, +1, +1, -1, +1, ...

Now we can gather all these price changes into candles (group by 4)...

0, +2, 0, 0, -2, +4, 0, -2, ...

Also, here is a list of ALL possible candle values for each of the 4 trades:

T1	T2	T3	T4	SUM
+1	+1	+1	+1	+4
+1	+1	+1	-1	+2
+1	+1	-1	+1	+2
+1	+1	-1	-1	0
+1	-1	+1	+1	+2
+1	-1	+1	-1	0
+1	-1	-1	+1	0
+1	-1	-1	-1	-2
-1	+1	+1	+1	+2
-1	+1	+1	-1	0
-1	+1	-1	+1	0
-1	+1	-1	-1	-2
-1	-1	+1	+1	0
-1	-1	+1	-1	-2
-1	-1	-1	+1	-2
-1	-1	-1	+1	-4

Notice anything interesting in the SUM column?

How about... no matter what you do, or what the price action does, you will NEVER get to values ±1 or ±3.

(there is 0% statistical chance)

SUM	ODDS	PROBABILITY
+4	1/16	6.25%
+2	4/16	25.00%
0	6/16	37.50%
-2	4/16	25.00%
-4	1/16	6.25%

The candle price just "jumps" to ±2 or ±4.

And then just "sits" there 37.5% of the time.

Some might call this support and resistance levels. 😲💥🤯😱

Simulation

But don't take my word for it... let's do a simulation.

Here are the first 100 points in a random simulation.

Now, if we just presented this price data to some market "expert", he would "clearly" see:

market forces in action
strong support and resistance levels
fake breakout around points 45-55
"obvious" price collapse below the support level
price is now trending down and is expected to go down because "the market has spoken"

But let's not forget... there is no market here... just randomness.

So, let's see what happens in the next 900 points:

It turns out our "market expert" was correct... the price really did continue to fall for the next 100 points or so.

After that, it tried to break out to the upside again. This time, slightly exceding the previous high.

But unfortunately it was another fakeout and it solidified the down trend with double top formation which is usually a strong bearish sign.

And, over the next 700 points, the price continued its downward long-term trend.

Also notice how the price respected the downward converging trend lines (which is another market indicator) and touched them several times.

And I could go on and on...

Markets Are Fractal

The absolute truth in this example is that there is no "market".

In fact, I could even give you the code that generated this:

auto rnd = Random(3);
int marketValue = 0;

string[] csvArr = [
    "candle, value",
    "0, 0"
];
for (int i = 1; i <= 1000; i++) {
    int randomNumber = [-1, 1].choice(rnd);
    marketValue += randomNumber;
    csvArr ~= 
        to!string(i) ~ 
        ", " ~ 
        to!string(marketValue);
}
saveData(csvArr);

Despite all of this, our "market expert" would continue to see market forces in this chart:

he would see long-term demand decrease
the fight between buyers and sellers
people putting stop-loss orders at certain price levels
etc.

But there is nothing. This is nothing more than a display of a coin toss experiment.

A 50:50 chance of getting +1 or -1.

And this is why price charts look similar regardless of the timeframe you're looking at them.

And since randomness is fractal, so are the pricing charts.

And now, you'll never be fooled by "market experts" on things that a simple coin toss can explain. 👍

What's Next?

I plan to post my progress here on dev.to because I find it fun... and I enjoy it.

If you want to join me on this journey, then I suggest you:

follow my profile for more updates
bookmark this article for future reference
and like this post, so more people can see it

Now let's go and conquer the market :)

Will

P.S. here are some cool resources:

1. Best Programming Language For Finance
2. (FREE) AI For Finance Tutorial
3. Starter Code For Bot Building

Algo-Trading Journey: Programming Language Choice

ProgrammerMoney.com — Fri, 25 Oct 2024 10:16:48 +0000

(this is part 6 of the Algo-Trading Journey series)

The biggest red flag 🚩 in a language is when you can't use it to do what you want, and you absolutely MUST use external libraries (written in different languages).

Popular Deception

This reminds me of a joke where one fish asks another, "How's water?" 🐟 🐠 and the other responds, "What is water?" 😅

The point is that when something is so prevalent and all around you, it's actually hard to see it. Or even notice it.

The same is true for languages like Python when it comes to data science.

It is the most popular language, and everyone just assumes you need to use libraries like numpy or pandas.

But no one stops for one single second and asks... why?

LEARNING CURVE

How much easier (and simpler) would it be if you could just loop through the data using the for loop?

But you can't do that in Python because it's 80x slower than compiled languages (or some crazy big number like that).

On the other hand, compiled languages are very fast but also very "brittle".

Everything needs to be very precisely defined, and they're (usually) not very good for prototyping.

SIMPLE AS PYTHON, FAST AS C/C++

As impossible as this task seemed to be... after I spent a decade in software development, I managed to find a language that is:

(extremely) easy to learn
simple as Python
fast as C/C++
is compiled
but can run as a script
stood the test of time (not new at all)
and is overall the biggest undiscovered gem!

Here, you can download a full report on The Best Programming Language For Finance.

Beware of the Demo

This is how they hook you.

It works (quite literally) the same as fishing bait. It looks good until you take a bite... and then... there's no going back. 😲

Popularity is based on the greatest building speed when going from scratch.

BUT... this scenario covers only 0.1% of the entire lifetime of the project
... (maybe even less).

That's why I choose to focus on the productivity that impacts the rest 99.9% of the project.

FALSE PRODUCTIVITY ASSUMPTIONS

When you see a small part of the project built quickly, you immediately assume the entire project will be built faster.

And this couldn't be further from the truth.

That's why frameworks are popular.

You're sold on the idea you can do 90% of what you need in a fraction of the time...

...but then you pay for the rest of the 10% in full (and with interest).

And over the entire lifetime of the project, you end up spending 200-300% more time "coercing" the framework to do what you want it to do.

When in reality, you could have just not used the framework at all and gotten 2-3x more long-term productivity.

(this is a very steep price to pay for the first month of productivity euphoria)

Holistic Approach

Using the same language for prototyping and production reduces context switching.

Being able to do the data manipulation with the language itself (without external libraries) is incredibly refreshing and productive.

(not to mention, you don't have to learn all those extra frameworks)

Having the language be able to switch between being very type strict and very relaxed is powerful.

Even more powerful is the ability to work as a high-level language, but also having an option to switch to low assembly-level control (with a single line of code).

auto arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
auto evenArr = arr.filter!(x => x % 2 == 0);

👆 Looks almost like JavaScript (but it's not)... and it looks so simple and intuitive... and yet... it runs at near-C speed. 🤯

Now, THAT is the stuff a good programming language for finance (and anything else for that matter) is made of.

🎤 #micdrop

What's Next?

I plan to post my progress here on dev.to because I find it fun... and I enjoy it.

If you want to join me on this journey, then I suggest you:

follow my profile for more updates
bookmark this article for future reference
and like this post, so more people can see it

Now let's go and conquer the market :)

Will

P.S. here are some cool resources:

1. Best Programming Language For Finance
2. (FREE) AI For Finance Tutorial
3. Starter Code For Bot Building

Algo-Trading Journey: Building vs. Buying Bots

ProgrammerMoney.com — Wed, 23 Oct 2024 11:58:48 +0000

(this is part 5 of the Algo-Trading Journey series)

This article demonstrates that it is MATHEMATICALLY IMPOSSIBLE to buy a bot that is profitable, and ALL that sell them are scammers.

Ideal Scenario

Let's say someone 100% honest built a trading bot that works 100% of the time.

Now, this person has decided to sell this bot.

Should you buy it?

No.

Why?

Because as soon as the bot was up for sale, it stopped working.

Why?

Because of liquidity...

Liquidity

Even if the bot really works, after a lot of people buy it, it will stop working.

Because every strategy has limited liquidity available.

It's like a water well ⛲️

You can't supply an entire world with one water well.

The same is true with trading bots. The closest ones to the exchange servers will be executed first, and everyone else will just lose money.

And note: this is in the best-case scenario where the bot works 100% of the time.

(we will not even go into why a person would want to sell such a bot instead of getting all this liquidity for himself)

Building is the ONLY option!

Be careful where you deploy the bot and with whom you share the code.

There are a lot of (FREE) platforms that provide you with everything you need to start building your bot.

BUT...

They all require you to upload/share your code with them.

And you will never know whether they used your code or not. But you will know your bot doesn't work.

REMEMBER: your code/algorithm is your only market advantage! As soon as you share it with someone, consider it lost 😲

Why not build it from scratch?

Those ("FREE") platforms provide you with everything you need BEFORE you even start building the bot logic:

connecting to the exchange APIs
getting and saving the data
backtesting your strategies
calculating ROI (and other KPIs)
displaying charts
etc.

Building all of this yourself would take weeks (or months) before you write a single line of your algo-trading logic.

I know this because I had to do it myself.

Because there is no way I would allow someone to steal my code after I invest days, weeks, or months trying to find an edge (a solid trading strategy).

Starter Code

Your alternative is to download this starter code that I built (from scratch) using the best programming language for finance.

It has all the necessary parts you need to start building today. And begin working on things that matter (like the bot logic).

NOTE: the starter code does NOT include any trading logic -> it only has everything you need to get started.

(like I said, anyone who sells finished trading bots is a scammer)

After you download it - it's yours.

You will COMPLETELY own it and control it.

And you will be able to develop your algo-trading bots on top of it. (and no one will have access to your secret logic, not even me)

Good luck 👍

What's Next?

I plan to post my progress here on dev.to because I find it fun... and I enjoy it.

If you want to join me on this journey, then I suggest you:

follow my profile for more updates
bookmark this article for future reference
and like this post, so more people can see it

Now let's go and conquer the market :)

Will

P.S. here are some cool resources:

1. Best Programming Language For Finance
2. (FREE) AI For Finance Tutorial
3. Starter Code For Bot Building

Algo-Trading Journey: Framework Hell

ProgrammerMoney.com — Thu, 17 Oct 2024 19:46:06 +0000

(this is part 4 of the Algo-Trading Journey series)

Frameworks are like drugs that give you immense pleasure the first month, only to suffer for years to come.

Clean Code & Options

Options are one of the most traded asset classes, and they aren't even a "real thing".

They're a derivative... think of them as more like insurance.

So why do people buy options?

Because they want... options.

The same is true with your project or code. You want to have the ability (option) to change it and extend it (easily).

You want it to be clean and decoupled.

But what is the first thing people usually do?

Before writing a single line of code?

They couple it with a bunch of frameworks that tightly tie your code to them.

And then... there is no escape.

Productivity Myth

Yes, but what about all the extra productivity?

Well, let's analyze it...

First of all, frameworks want to be popular. This means they want to have a very wide appeal.

Nothing wrong with that, except a wide appeal means a wide variety of features.

Features you don't really need. Plus, it's a nightmare to add the ones you do need, but frameworks don't have.

So you spend 10% of your time to get 90% of the functionality.

And you're happy... no denying that.

Then, you spend 90% of the time setting up the other 9%.

(the last 1% never gets done)

But that's not all...

You spend another 90% of the time to make additional "10%" changes.

And another 90%, and another, and another...

And THAT is your productivity.

You're exchanging a month of euphoria for a lifetime of pain.

Security

Let's be honest... there is very little interest in hacking software that only 3 people use.

But the more popular the software, the bigger the target on its back.

Obviously, the best frameworks are the popular ones.

So when an exploit happens, you feel bad... it's even worse when this exploit uses part of the code in this framework that you don't even use.

(remember those extra unnecessary features)

Now, that's a proper slap in the face.

Software is a business!

I remember a time when frontend development only required one small library, and you were good to go.

(this was jQuery, and most of its functionality is now part of JavaScript ES6)

I also remember working on a fairly complex web app where I was able to be productive from day 1 (maybe 2) as a junior developer with barely any experience.

Try to do this today with modern React, Vue, Angular (or npm, webpack, babel, or whatever the newest thing is).

And speaking of Angular... what do you think about the apps written with the v.1. of this framework? Where can you even find people who are familiar with it?

Short answer - you can't.

I bet the owners of those apps are not very happy people today.

And what about the jQuery one I mentioned earlier?

I just went and checked (because this was 10 years ago), and the app/website still runs perfectly.

And the owners can still find FE developers who know almost nothing and still get good productivity out of them.

Now, that's a good business!

Frameworks Hate Junior Developers

If you're wondering why there are no jobs for juniors - part of the reason is that you need an insane amount of knowledge before you can do anything.

Basically, Mids are the new Juniors.

(I'm speaking mostly about the frontend)

Finance Game

Now, let's leave the easy world of web development, where things are somewhat predictable.

(no matter what, people will want to see pictures, text, and buttons)

And let's enter the world of financial modeling and algo-trading bot building.

When you start a project:

you have no idea what the requirements will be
or where your research will lead you
and what unforeseen routes will you have to take

Your code needs to (easily) withstand all of it.

You need to fully own it and control it.

There is no room for a 1% compromise with the frameworks.

1% per day is the difference between losing all your money and becoming a billionaire.

Your (frameworks) cannot (and must not) stand in your way.

Build vs. Change Speed

I invite you to see the world with different eyes.

People always focus on "how quick can I build something?".

Instead of "how quickly can I change something?".

Because remember:

You will build your software only once, but you will keep changing it forever.

So, focus on optimizing the "change speed" instead of the build speed.

What's Next?

I plan to post my progress here on dev.to because I find it fun... and I enjoy it.

If you want to join me on this journey, then I suggest you:

follow my profile for more updates
bookmark this article for future reference
and like this post, so more people can see it

Now let's go and conquer the market :)

Will

P.S. here are some cool resources:

1. Best Programming Language For Finance
2. (FREE) AI For Finance Tutorial
3. Starter Code For Bot Building

Algo-Trading Journey: Rich vs. Poor Strategy

ProgrammerMoney.com — Wed, 16 Oct 2024 11:22:00 +0000

(this is part 3 of the Algo-Trading Journey series)

In an economic downturn, both rich and poor are equally hit... BUT... the rich can fire their expenses, and the poor cannot.

Economic Modelling

Best models come from deep insight and research.

This means your algo/code is only the amplifier of you and not a replacement of you.

Also, the biggest opportunities and profits come from the biggest shifts (either crashes or booms).

Therefore, it's important to understand the fundamental relationships in the economy.

Especially the ones that are not very intuitive and/or spark deep emotions. Because those are the ones most likely to be misunderstood, and hence, there's your opportunity.

Rich vs. Poor Dynamic

This is my favorite quote:

Assumption is the mother of all f-ups :)

People just assume that the rich handle the recession better because they have money. And sure, that helps...

...BUT...

...the rich are even more exposed to the changes in the economy:

they have bigger obligations & expenses
revenue immediately drops as customers spend less
clients cancel their contracts
and they are left with this huge overhead

Plus, this overhead is unsolvable.

It's not like the rich can get a second or third job and make up for the lost millions in revenue.

And even if the funding was provided from personal accounts, this too would melt quickly. And the rich would quickly become poor.

The stack really seems stacked against the rich.

So how come (despite all of this) they always come on top?

Rich Superpower

The rich have one superpower: they can fire their expenses, i.e. YOU.

And you, on the other hand:

can't fire your mortgage
can't fire your car payments
can't fire your credit cards
etc.

So, in a way, the full weight of the recession is carried by the working class.

This is kinda ironic because

when the times are good, most profits go to the businesses
and when the times are bad, most losses go to the workers

Why is this important?

As a market participant (trader), your (and my) job is not to protest or try to change how things are.

Instead, it's to use market realities to your own advantage.

For example...

Once you accept this reality, you can make informed investment decisions.

If you were to invest in companies or sectors that sell to the rich, you know their revenues will not fall. Because the rich were not affected.

On the other hand, if you invest in businesses that sell to the poor, you know their revenues will suffer.

There are always exceptions to this rule, e.g., alcohol sales during recessions. Which is sad because, at a time when people need their mental faculties the most, they choose to numb their minds and fall into problems even further.

Long story short: you need to do your research for every investment decision and stack these deep insights into an unstoppable profit machine.

Let this be the first in your stack :)

Poor Strategy

This is not related to algo-trading, but I figured I could put it in since I'm on this topic.

The poor can have at least 1-month buffer in cash (before the recession). So whatever happens, there's at least some buffer where it's not pure panic 1 day after getting fired or something.

The second thing is to have some kind of side income that is independent of their job.

Even if that income is 20% of your full salary will make a great difference once you lose your job.

This was actually one of the reasons I went into algo trading. Because even in the IT sector, it's not all roses and sunshine. And getting a job is hard these days.

So the question is, when are you going to do something about it?

Are you going to try to start a business once you're fired? Or build something while the times are calm and prepare for the storm?

What's Next?

I plan to post my progress here on dev.to because I find it fun... and I enjoy it.

If you want to join me on this journey, then I suggest you:

follow my profile for more updates
bookmark this article for future reference
and like this post, so more people can see it

Now let's go and conquer the market :)

Will

P.S. here are some cool resources:

1. Best Programming Language For Finance
2. (FREE) AI For Finance Tutorial
3. Starter Code For Bot Building

Algo-Trading Journey: Rule-Based System

ProgrammerMoney.com — Tue, 15 Oct 2024 07:33:55 +0000

(this is part 2 of the Algo-Trading Journey series)

The biggest advantage of a rule-based system is that it can be backtested and verified that it works (or doesn't work) BEFORE blowing up your account and losing all your money. 💸

Trading With Knowledge And Intuition

If intuition was so great, 90% of retail traders wouldn't be losing money.

Even better question: to whom are they losing money?

To institutions.

And institutions have thousands of developers building algorithms designed to:

perform under pressure (because algo feels no pressure)
exploit trading behaviors (like panic trading)
detect patterns that repeat over and over
etc.

Also, your "intuition" is very hard to test.

Who knows what you would do in some situation 2 years ago:

what would be your state of mind
what news would you read at that time
what would draw your attention
who influenced you at that time the most
and so on and so forth...

However, without testing, you have NOTHING.

Well, nothing except the hope you won't lose all your money. 🤦

Performance Consistency

How many people find success trading on their demo account only to start consistently losing on a real account?

Too many to count.

Emotions impact behavior (this is beyond obvious).

So even if you have good performance... even if you're very profitable on a real account... what happens when...

you have one bad day when you're sick
or you had a fight with your spouse
or got into a minor car accident where your brand-new car was severely scratched

...what happens then?

Do you wipe out all the profits from the last 12 months?

Or worse?

My conclusion is this: allowing emotions to touch your trading account can only end in disaster.

What's Next?

I plan to post my progress here on dev.to because I find it fun... and I enjoy it.

If you want to join me on this journey, then I suggest you:

follow my profile for more updates
bookmark this article for future reference
and like this post, so more people can see it

Now let's go and conquer the market :)

Will

P.S. here are some cool resources:

1. Best Programming Language For Finance
2. (FREE) AI For Finance Tutorial
3. Starter Code For Bot Building

Algo-Trading Journey: All Articles

ProgrammerMoney.com — Tue, 27 Aug 2024 07:44:34 +0000

-> no part of this project was written by AI
-> neither text nor code
-> 100% pure original human insights
-> #noai -> enjoy :)

=> Follow, subscribe, bookmark... (whatever keeps you from losing this info)

1. Why I Build Algo-Trading Bots?
2. Why Rule-Based System Wins?
3. Rich vs. Poor Strategies
4. Framework Hell
5. Building vs. Buying Bots
6. Programming Language Choice
7. How Support Levels Emerge From Randomness?
8. Coming soon...
9. ...

Why I Build Algo-Trading Bots?

Today, you can see thousands of people being fired over a short Zoom call. This means job security is officially dead ☠️

And you need to have a backup plan for your career (and, frankly, your life).

There are only three things that can help you with that:

personal savings
more/better skills
extra revenue

Savings buy you (limited) time until you figure something out.

Skills make you easily employable.

And revenue buys you (permanent) freedom.

Skills

All success comes from skills.

And the best part is - no one can ever take them from you.

Skills are the only real thing in this world you truly possess.

No thief can steal them, and no government can seize them.

Programming Skills

If you're a programmer, you already have one of the best skills in the world.

All you have to do is widen and deepen them.

For example, you may be a good programmer...

...but...

How much better would you be if you knew about the best programming language in the world.

...or...

What if you knew more about finance, or AI, or both?

What if you merged all those skills and took this (FREE) AI For Finance Tutorial?

Opportunities are all around us.

The question is - are you gonna take them?

Why I Chose Algo-Trading Bots?

Because of simple realization... markets will always be here.

There is always going to be someone who will want to buy or sell something.

In trading, the biggest weakness is emotions. Therefore, the easiest way to gain an advantage is to build something without emotions.

And since I know how to code (skills), I have an advantage over all those wannabe day traders.

How I Got Started?

Initially, I started with Python. But I quickly realized I could not use it for something serious.

Not that businesses built around web apps are not serious, but precision and reliability are never that important:

backend app crashes -> Amazon AWS server puts it back up
web app error -> refresh the browser
mobile app freezes -> just exit & restart manually

My point is, most of the time, Python is "good enough".

But not here, not when it comes to handling money.
(especially my money lol) 😅

So, after a lot of research, I found an ideal programming language.

Long story short, with this language, I can be confident it will reliably run my bots even 50 years from now.

At the same time, it is very expressive, so I can do quick prototyping without the need to switch to a "simpler" language.

First Problems

Before I could write a single line of cool algo-bot logic, I needed a way to:

get the data
store the data
setup API communication with the market exchange
implement backtest logic (to quickly test my bots)
create visual charts
etc.

In short, there was a bunch of boring stuff before I even started coding the fun algo-bot logic.

And no one wants to do that.

So these were my options...

1) Use Online Platforms

All those platforms are free, and that's the biggest problem.

Why?

Because they all require me to upload my code, my algo-bot logic, to their website.

This means... if you find some profitable strategy... there is no way you can prevent them from using it.

And since...
1) there is no such thing as infinite liquidity for any strategy
2) and those platforms have way bigger pockets than you do

...you could end up thinking your strategy no longer works. But in reality, they deployed your code and sucked up all the liquidity.

Congratulations, you just worked insanely hard for nothing. 🤦

Realize this... keeping your strategy private/secret is your only advantage.

So, obviously, I decided to keep full control over my code.

2) Build My Own "Framework"

After a long and painful process, I finally managed to finish it.

3) Download My Starter Code

Fortunately, you have a third option, and that is to use my starter code.

There is no "secret algo-bot logic" inside, but you have everything you need to start developing your bot today.

Plus, you keep full control over your code.

You could literally start your own algo-trading hedge fund, and no one would have access to your bot logic.

What's Next?

I plan to post my progress here on dev.to because I find it fun... and I enjoy it.

If you want to join me on this journey, then I suggest you:

follow my profile for more updates
bookmark this article for future reference
and like this post, so more people can see it

Now let's go and conquer the market :)

Will

P.S. here are some cool resources:

1. Best Programming Language For Finance
2. (FREE) AI For Finance Tutorial
3. Starter Code For Bot Building

Call Multiple Functions onclick - [SOLVED]

ProgrammerMoney.com — Sun, 12 Sep 2021 18:08:53 +0000

TL;DR Summary

Calling multiple functions with onclick event is very simple (and actually obvious once you hear it).

So the key is to call one function but inside you can call as many other functions you want. Something like this:

function aggregateFunc() {
  first();
  second();
}

And that's it.

More Details

If you want the full code for calling multiple functions on onclick event then you can copy the code below:

<style>
  body { 
    background-color: bisque; 
    padding: 300px;
    text-align: center;
  }
  button {
    font-size: 30px;
    border: 3px solid orangered;
    border-radius: 10px;
    background-color: orange;
  }
</style>

<button onclick="aggregateFunc()">
  Call Multiple Functions
</button>

<script>
  function first() { console.log('first'); }
  function second() { console.log('second'); }

  function aggregateFunc() {
    first();
    second();
  }
</script>

And this is all there is to calling multiple functions with onclick event.

Until next time,

Will

P.S. check out my Algo-Trading Journey articles

Checkbox Size CSS - [SOLVED]

ProgrammerMoney.com — Sun, 12 Sep 2021 17:28:33 +0000

TL;DR Summary

When changing the checkbox size in CSS there are two things you need to do:

1) setting width and height on the input element

But when you change the checkbox size then you have a problem because it looks out of place.

2) The way to fix it is with top property along with position: relative;. This is the key to positioning it properly.

#big-input {
  width: 20px;
  height: 20px;
  top: 4px;
  position: relative;
}

And that's it.

More details

If you want the full code for the screenshot example on the top, here is the code that was used:

<style>
  body { 
    background-color: aquamarine; 
    padding: 300px;
    text-align: center;
  }
  #big-input {
    width: 20px;
    height: 20px;
    top: 4px;
    position: relative;
  }
  #small-input {
    width: 8px;
    height: 8px;
    top: -2px;
    position: relative;
  }
</style>

<input type="checkbox" id="big-input" />
  <label>Big checkbox........</label>
  <br /><br />
<input type="checkbox" id="normal" />
  <label>Normal checkbox</label>
  <br /><br />
<input type="checkbox" id="small-input" />
  <label>Small checkbox..</label>
  <br /><br />

And that's all there is to setting checkbox size with CSS.

Until next time,

Will

P.S. check out my Algo-Trading Journey articles

H3 Font Size

ProgrammerMoney.com — Sun, 12 Sep 2021 16:37:27 +0000

TL;DR Summary

Checking the h3 font size in the browser's inspect code we get that default size is 1.17em.

But how much is that in pixels? According one of many tools you can find online we get the number 18.72px

Of course if you wanted to change the default h3 font size you can do it easily in CSS:

h3 {
  font-size: 30px;
}

And that's it.

Until next time,

Will

P.S. check out my Algo-Trading Journey articles

How To Check If jQuery Is Loaded?

ProgrammerMoney.com — Fri, 10 Sep 2021 10:39:48 +0000

TL;DR Summary

Easiest way to check if jQuery is loaded is by trying to use it.

However if this check is going to be part of some other logic (not just one-off test you do during development), then your entire code will break (throw an error).

So to prevent this you need to wrap it up with try-catch blocks like this:

try {
  $('#mydiv').text('WORKING!!!');
} catch {
  document.getElementById('mydiv').innerText = 'BROKEN!!!';
}

And that's it.

More Details

Obviously there could be some exceptions (although very rare) to the above example.

First of all let me provide you with the full code that was used to generate the image on the top:

<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>CyberBotMachines</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <script
      src="https://code.jquery.com/jquery-3.6.0.min.js"
      integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
      crossorigin="anonymous">
    </script>
  </head>

  <body>
    <style>
      body { 
        background-color: royalblue; 
        padding-top: 300px;
        font-size: 100px; 
        text-align: center;
        color: yellow;
      }
    </style>

    <div id="mydiv">TESTING jQuery ...</div>

    <script>
      try {
        $('#mydiv').text('WORKING!');
      } catch {
        document.getElementById('mydiv').innerText = 'BROKEN!';
      }
    </script>

    <script src="script.js"></script>
  </body>

</html>

And that will result in the screen like this:

Regarding the exceptions I mentioned earlier, it is possible that some other library is also using the same handle $ as jQuery.

And that's why we couldn't use simpler solution like this:

if ($) {
  alert('working');
} else {
  alert('not working');
}

(also this throws an error if $ is not declared so your entire code breaks, or you have to wrap this in try-catch as well)

But it is far less likely some other library will define variable jQuery by accident. And another option you have is to use this piece of code below to check if jQuery is loaded. And also this code will not throw an error if jQuery is not loaded.

if (window.jQuery) {
  console.log('jQuery is loaded');
} else {
  console.log('jQuery is not loaded');
}

And that is all there is to checking whether jQuery is loaded or not.

Until next time,

Will

P.S. check out my Algo-Trading Journey articles

jQuery Clear innerHTML

ProgrammerMoney.com — Wed, 08 Sep 2021 08:27:53 +0000

TL;DR Summary

Most important thing you need to remember when trying to clear innerHTML with jQuery is that you do not touch innerHTML at all.

What you need to do is use .html() function that is already available in jQuery.

Here is the code example:

<div id="container">
  <div class="myclass">HTML one</div>
  <div class="myclass">HTML two</div>
  <div class="myclass">HTML three</div>
</div>

<script>
  // this is how you can read HTML
  $('#container').html();

  // this is how you delete HTML
  $('#container').html('');
</script>

And that is all you need to know about clearing innerHTML with jQuery.

Until next time,

Will

P.S. check out my Algo-Trading Journey articles

T1	T2	T3	T4	SUM
+1	+1	+1	+1	+4
+1	+1	+1	-1	+2
+1	+1	-1	+1	+2
+1	+1	-1	-1	0
+1	-1	+1	+1	+2
+1	-1	+1	-1	0
+1	-1	-1	+1	0
+1	-1	-1	-1	-2
-1	+1	+1	+1	+2
-1	+1	+1	-1	0
-1	+1	-1	+1	0
-1	+1	-1	-1	-2
-1	-1	+1	+1	0
-1	-1	+1	-1	-2
-1	-1	-1	+1	-2
-1	-1	-1	+1	-4

T1	T2	T3	T4	SUM
+1	+1	+1	+1	+4
+1	+1	+1	-1	+2
+1	+1	-1	+1	+2
+1	+1	-1	-1	0
+1	-1	+1	+1	+2
+1	-1	+1	-1	0
+1	-1	-1	+1	0
+1	-1	-1	-1	-2
-1	+1	+1	+1	+2
-1	+1	+1	-1	0
-1	+1	-1	+1	0
-1	+1	-1	-1	-2
-1	-1	+1	+1	0
-1	-1	+1	-1	-2
-1	-1	-1	+1	-2
-1	-1	-1	+1	-4

T1	T2	T3	T4	SUM
+1	+1	+1	+1	+4
+1	+1	+1	-1	+2
+1	+1	-1	+1	+2
+1	+1	-1	-1	0
+1	-1	+1	+1	+2
+1	-1	+1	-1	0
+1	-1	-1	+1	0
+1	-1	-1	-1	-2
-1	+1	+1	+1	+2
-1	+1	+1	-1	0
-1	+1	-1	+1	0
-1	+1	-1	-1	-2
-1	-1	+1	+1	0
-1	-1	+1	-1	-2
-1	-1	-1	+1	-2
-1	-1	-1	+1	-4