前端基础教程:简单的实现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文件,就可以打开该网页了

经验分享 程序员 微信小程序 职场和发展