In this video, we're going to take a look at a solution that's going to address all three of these
really big problems.
So rather than just telling you what the solution is, I want to instead just show you how a lot of
other code execution tools online handle this exact problem.
So once again, at Copan, I'm going to open up my element, Inspector, and then I'm going to inspect
this preview window over here on the right hand side.
So once I click inside there, I'm going to scroll up just a little bit and you'll see that there is
a HTML element right here of Type iFrame.
So this entire preview window is an iFrame element.
If you are not familiar with the frames, don't sweat it.
We're going to spend the next couple of videos getting a lot more information about eye frames and better
understanding how they behave.
I also want to very quickly take a look at Code Sandbox.
This is another online kind of coding tool or coding playground of sorts.
They also have a preview window of sorts on the right hand side.
I'm going to again open up my element, Inspector, and inspect the preview window.
Again, I can scroll up just a little bit.
Yeah, looks like that entire preview window is also an iFrame.
And then just one more example, this is just a little yet another online code execution tool and open
up my element, Inspector, again, take a look at the preview window.
And again, we've got an iFrame here, so very clearly right away, I think it's 100 percent obvious
that a very possible solution here or a solution we should definitely take a look at is making use of
an iFrame.
We're kind of wrapping up the execution of a user's code.
Now, we've identified one avenue that we should probably look at.
Let's spend some time.
The next video getting a much better idea of what iFrame elements are all about and how they work.