思路:
1.排列五颗星星和一个按钮;
2.当鼠标移到星星上时,判断当前是第几颗星星i,将其包括之前的星星样式换成红色,之后的星星样式不变;
3.按下按钮时,将2中获取的i的值作为输出:‘i scores’;
4.注意单独考虑输出0分的情况。注:我的星星是用搜狗输入法打出来的……
鼠标移动到星星⭐️上时,会变颜色:
点击“打分”,会弹出窗口如下:
完整代码如下,注释很清晰了:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>document-test</title>
</head>
<body onload='test()'>
<table id='czy'>
<tr>
<td>☆</td><td>☆</td