1、第一步：打开浏览器，百度输入W3CSCHOOL,记住是W3CSCHOOL,而不是W3SCHOOL,如图所示：
2、第二步：进去后登陆，为了方便，可以选择QQ或者微信登陆，如下图所示：
3、第三步：登陆进去后，进入首页，我们选择在线工具，如图所示：
4、进入在线工具页面后，我们可以看到有很多可以在线编写测试的知识，例如HTML,CSS,javascript等，我这边就选择JavaScript吧，如图
5、选择JavaScript后，我们进入页面往下翻可以看到JavaScript实战，点击进入实战
6、进入JavaScript实战页面后，可以看到有开始闯关按钮，下面是课程闯关表，成功闯关就是绿色的勾。新手的话可以从第一个js项目开始闯关
7、选择题目后，点击进去，里面有详细的介绍，我们可以在编辑框中输入代码，点击左边的运行按钮，即可运行，我们可在运行结果栏查看效果，如果代码有错误，会有提示，这个是比较不错的，如图：
8、好了，在线代码编辑运行工具就是这样玩的哦！觉得不错的朋友可以点赞支持一下哦！
