程序的主要目的:在网页中实现点赞效果,一共六个步骤!
步骤一:在D盘右键新建一个文件夹,将其命名为"Web"
步骤二:然后在这个Web文件夹中右键,选择“新建”,“文本文档”,创建三个文本文档文件(文件扩展名为txt的文件)
步骤三:选中html.txt,右键“打开方式”,选择"记事本"打开,将下面的html代码复制到里面保存
html代码:
<!DOCTYPE html>
<html>
<head>
<title>第一个网页</title>
<meta charset="UTF-8">
<link href="./css.css" rel="stylesheet" type="text/css" >
<script src="./JavaScript.js"></script>
</head>
<body>
<h1>这是标题</h1>
<p class="content">这是文章内容</p>
<button id="like" onclick="like()">点赞</button><p id="tag">0<p>
</body>
</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文件,就可以打开该网页了