3.8输入及判断

1. 首先创建一个新的html，在body下面写入input标签、button标签、p标签
   
2. 在新创建的input标签添加id属性还有value，id属性名可以随便设置，只要自己记得，根据个人喜好进行设置，同样button标签也设置id标签，id名也可以随便设置，但是button本就是一个按钮，所以设置btn来说还是比较好记的，p标签是行内元素，所以到后面效果出来的时候，输出内容会出现在p标签上
   
3. 这时候我们的源代码已经完成了，接下来我们就要进行样式设置也就是我们所说的css，为了方便，我直接用内部样式来完成了，首先我们在title标题标签下面添加一个style标签，这就是内部css标签，不用创建一个css然后还要链接过去这么麻烦，但是内容多的时候就得创建多几个css链接标签了，接下来我们开始写css样式，首先我们先设置input标签的样式，input标签本来就是个文本标签，所以我们设置一下宽高还有边框样式就可以了，这里我设置的宽为200px，高为25px，border边框设置2个像素边框设置为直线，边框颜色为灰色，这里p标签的作用就是看到结果，所以这里我没有设置p标签的属性，如果你想立体好看一点呢，你也可以设置一下p标签的样式
   
4. 当我们编写完自己要编写的css的属性值后，这时候我们的工作已经完成了一半了，这时候可以编写我们的JavaScript中的判断属性了，这时候我们在内容源代码的下面插入一个名为script的js标签
   
5. 之后我们通过元素id获取节点btn，然后在创建函数为页面加载函数，然后在下面再创建一个函数为按钮button的点击事件函数，然后再点击函数下面再获取到上面两个id标签分别是input的id标签和output的id标签，也是通过元素id获取节点，注意的是获取p标签的节点是获取p标签的内容。
   
6. 接下来我们就要写判断语句if、else语句了，意思就是如果…否则…，首先我们先输入一个if语句，然后在if后面输入一个括号，括号里面要写if条件，因为我们这里的是年龄判断的，然后我们就写年龄
   
7. 然后我们在window函数上面，声明一个新的函数kong的值为空，然后我们继续在if语句下面输入内容为kong=”输入输出内容”，
   
8. 然后我们后的的内容要用else if来代替这个if，不然全是if的话系统浏览器会进行报错，当我们全部都写完了的时候，我们要用else来结尾，else代表否则的话
   
9. 然后我们在按钮的点击事件的括号后面输入一串代码，意思就是p标签中的内容=p标签中浏览器的内容再加上我们输出年龄的值
   
10. 我们再window函数的最后面写入再控制台输入一下age，然后去浏览器中输入内容，然后内容会在下面显示内容的，那就说明没有问题了
    
    这是我所学到的输出及判断了，所以我要分享给你们，希望可以帮助到你们。
    以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！