Welcome to live coating with Jesse.

I'm Jesse.

And today we're going to finish, uh, the division mode.

And depending on how much time we have, we'll see what else we're going to do.

But I definitely want to try to get division working properly.

Um, so let me check the last chat.

Just say hi, everybody.

Um well, question about the programming language will use its gonna be JavaScript.

Also have a question or suggestion to get fire code and enable ligatures for those You don't know what that is.

That's like a font for a code editor.

And it does some cool things with, like, aero functions in equal signs and stuff like that s o I actually have had fire code installed before on a different computer.

So on my work computer at my old job, I had that.

So it is pretty cool.

I may do it again, but probably not for this dream, because I want to get other stuff done, but, uh, definitely definitely looks cool.

So I'm open toe having that again.

For those of you are just joining, I'll give you a quick breakdown of how this goes.

This is ah, live project.

I did not rehearse any of this before, so I will most likely make mistakes.

Ah, and also some of the stuff we do on the show.

A lot of it I've never done before at all s.

So we're gonna try to figure it out As we go along.

I usually try to set a Pomodoro timer.

Ah, that means I'll do 25 minutes of coding, take a five minute break and answer some questions in the live shot.

If I have time at the end of the Lifestream streams usually go about an hour long.

If I have time at the end, I'll answer as many questions as I can in a live chat.

So go ahead through the questions in there.

Um, any you can ask whatever questions you want.

So don't worry if if you think it's a new question or something, like, there's a lot of beginners in here.

Um, so any questions air fine.

Also feel free.

If you see a question in a live chat that you can answer, go ahead and answer it.

Uh, like to have a nice like community that's helpful to each other on the streams And I think that's it for all the getting started stuff, eh?

So let's jump into it.

First things first.

I want to give a shout out to ah to do for the poor request that I just merged.

I'm not gonna go over this one because we did in the last dream.

So if you're interested, check it out on Lee.

Thing that changed was there was some division logic in there.

Ah, that was removed because it was I did a bad job of explaining what I wanted toe happen.

Eso We clear that up in the last dream.

So this just clears the input after a submission.

Eso we'll see that now.

Since it's merged in, If you have the project running locally, make sure you update Update your fork s so you get all these new updates also harsh.

It submitted a pool request where he migrated all of our testing from puppeteer and mocha to Cyprus.

I checked out what changed in the code, but I haven't done anything with it myself.

So we'll run our tests.

Sweet.

Just to see, Like what it looks like.

Um, but thank you so much hardship.

I'm excited to try out Cyprus.

So I've heard good things about it.

And those were the pool request for today.

Ah, the link to this repo is in the description for the video.

If anybody's interested, please check it out.

Feel free to contribute code if you want or listing the issues.

We still have some open issues here.

We're gonna do this one today.

Um, but this project is definitely a great project for beginners to get in your first pool request.

If you need help doing that, just let me know.

I'll be happy to walk through it with anybody.

Um, if you submit a pool, requesting is totally wrong.

I'm not gonna be upset.

Um, I want this to be ah, like a very pleasant experience for anybody who's trying to get into using Get up.

All right, so let's go over what we want to happen with division, and then we'll go through.

If anybody's interested in what this project actually is, I recommend you, uh, check out like video one and two of this series.

So I remember what this is.

Um what numbers?

His project Seven.

So any videos you see this have p seven and them.

It's that's part of this project together, like P 71.

That would be the first video.

I explain it more, um, in there, but you'll catch on as we go along.

It's a pretty simple app.

Okay, so here's what I want, Since this is an app for little kids who are just learning mass, at least for the level one, which I hope to add more levels to this eventually.

Level one division needs to be Onley numbers that when you divide them, will give you a whole number.

So I have examples here.

So examples of good problems tohave would be nine divided by 34 divided by two.

But we're never gonna have one that will result in a decimal or fraction right three divided by 29 about it before s.

So that's the problem we're going to try to solve today is how do we make sure that it's only numbers that equal whole number?

Um, I could see the easy answer is we could hard coat it just right off the top of my head.

However, in my mind, I could see this game having increasing levels of difficulty that would include right now, it's only single digit.

It could include double digit triple digit.

In that case, hard coating wouldn't be a great option.

Uh, that's some point.

You know, we may want to include decimal numbers in the game when it gets that hard.

But first, I'd like to continue to keep it whole numbers.

So, um, we need to keep that in mind.

So I'm gonna say hard coating is not an option for this.

Even though, you know, for for just our problem sets for this show.

Specifically, it probably would be the fastest solution.

Um, let's go to the code way.

All right, first things first, and I recommend doing this whenever you open up your code editor at the beginning of the day, always do a get pool.

That way, if anything has changed in the project, you have the latest changes.

Uh, let's see, youse ref is not defined.

No undefined.

What do you have?

All right, let's check out.

So we have and air here.

Uh, let's go.

I shouldn't say that this is Ah, it's not an error.

Error is just kind of like r e s rules.

Since we haven't actually run anything yet.

Uh, line 21 in our app.

Js file use rough.

So made him for you.

All right, this all right?

Huh?

All right, let's check this.

Ah.

Oh, harsh it.

I could see her.

Should Already has some ideas for how to, um, how to implement the division.

So harsh it.

I'm gonna I'm not gonna forget that.

I'm gonna read that in just a 2nd 1st I want to see ah, let's let's go back to get hub and check out that pool requests for this one to see what changed.

Uh, files changed.

If you haven't used get her before.

This is so useful to be able to go back and see changes like this.

Um, not you couldn't do it other ways, but this makes it so easy.

I just That's what I thought.

OK, so that used rough is in addition here and okay.

And this, this might be we might need to import use, ref.

That's what I think.

Yeah, okay.

Harsh had already caught that.

Yeah, so let's go ahead and just import use, Ref.

Um, in years, I could hear all right, so you could see here.

So we're trying to use to use Raph here, but we haven't imported it.

Okay, so that's why we're getting Ah, that air, so is rough.

Okay.

And now if we say that should be fun.

Oops.

And that looks like use should be used effect that I accidentally delete that.

Probably.

Uh Okay, cool.

So let's check this.

Ah, here's our app.

Just to make sure things were working.

And what should happen now is I can put in a number in here when I hit.

Submit.

It clears.

And the focus remains.

Right.

So great.

And are I'm just hitting answer now with that.

Awesome.

Okay, so let's move over to division.

Um hey, that actually works out for cool.

Um, now I'm going to read What?

Harsh.

So Ah, harsh.

It is a long time.

Ah, Livestream contributor here.

Uh, so, uh, harsh.

It is really, really awesome.

Software engineer.

Um, So he's suggesting that we make to random numbers, multiply them and make a problem, uh, dividing them.

It will always be a whole number and an easy problem.

Okay.

Yeah, that makes sense.

Um, yeah, that'll work.

We do need to add for level one.

At least we need to add a check to make sure, um that the product of the, um multiplication is not two digits, right?

Yeah.

Okay, also, let's see what we have currently for division to Ah, that might be a great place to start and just say, Is there anything we could very easily do to modify what we currently have?

So everything.

All of our logic is I believe in apthe Js right years are is it or do we move it now?

Even we moved it.

So I haven't even looked at this for a week.

So, um, been working on other stuff?

I do want to let you know once we get the, um the logic done for level one.

Ah, what I'd like to do is actually run this in a simulator.

So probably like the IOS simulator or Oh, no, I'm on Windows machine too.

Maybe I'll try to run it on my my android either way, like the next step.

What I'd like to do is is actually run this on on a mobile device.

A TTE first.

It would just be like proof of concept that we can run the same code on a mobile device and on the web.

Um, but I would I don't want to get too far into this without at least testing it on a mobile device.

That way, if we do have some code that won't work on mobile Ah, then it will be easier to debug that with less code overall.

Also, just remember I forgot to start my Pomodoro timer.

So it's state that now.

Okay?

And I did not mean to start Spotify.

All right, Harsh.

It also says, don't forget to try Cyprus.

Okay, we we will We will try snipers.

Okay.

All right.

So our should saying like, Okay, two multiplied by two.

Uh is four now our problem B two divided by four.

Okay, um, Michael creo says if the answer um, Modelo one is not equal to zero, then get to new numbers.

Okay?

Yeah, that actually works as well, because then yeah, Okay.

Um, I still need to figure how where our division stuff is and a Cynara reducers.

Yeah, the logic got extracted out.

Yeah, here it is.

Okay.

Eso we at one point we did have everything in ap dot Js and then we had ah better re factoring.

Ah, that happened in a pool request.

And now we have some Some of the logic, Probably most of the logic in this ap producer dot Js.

Okay, so we're returning right now.

We're just getting random numbers.

One through nine.

Yes.

We're definitely gonna have to switch that.

So I don't think there's much we could do, Like with what we have right now.

Um, we're gonna have to have something based on based more on what mode we're on.

Okay.

Did that make sense?

I don't see Oh, okay.

So we I gotta keep up with this shadow over here, um, distortions putting in some extra extra stuff.

Ah, let's see that X equals mass for okay.

Um all right.

So let me I just need to go over this.

Follow just for a second, because I haven't looked at this file for Ah, it's probably been like a month since I looked at this.