前端基础教程:简单的实现html+css+javascript点赞效果
步骤一:在D盘右键新建一个文件夹,将其命名为"Web"
步骤二:然后在这个Web文件夹中右键,选择“新建”,“文本文档”,创建三个文本文档文件(文件扩展名为txt的文件)
步骤三:选中html.txt,右键“打开方式”,选择"记事本"打开,将下面的html代码复制到里面保存
html代码:
步骤四:选中css.txt,右键“打开方式”,选择"记事本"打开,将下面的css代码复制到里面保存
css代码:
h1{ text-align:center; } .content{ color:red; } #tag{ display:inline-block; }
步骤五:选中JavaScript.txt,右键“打开方式”,选择"记事本"打开,将下面的JavaScript代码复制到里面保存
javascript代码:
var love = 0; function like() { love++; document.getElementById(tag).innerHTML = love; }
步骤六:修改文件扩展名
注意:这里是修改文件扩展名,而不是文件名
可以通过文件后面的类型,查看文件的类型(也就是文件扩展名)
也可以在上方的查看中勾选文件扩展名
将html.txt的文件扩展名改为html
将css.txt的文件扩展名改为css
将JacaScript.txt的文件扩展名改为js
然后双击html.html文件,就可以打开该网页了
上一篇:
通过多线程提高代码的执行效率例子
下一篇:
关于凸优化的一些简单概念