<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>项目提成计算器</title>
<style>
*{margin: 0px;padding: 0px;}
header{text-align: center; margin-bottom: 15px;}
#box{margin: 20px auto 0;width: 300px;text-align: center; }
#bonus{height: 50px;width: 280px;background-color: #F3F3F3;}
#benefit{height: 25px;width: 140px;} /*文本框 */
#roles{height: 22px;width: 130px;vertical-align: bottom;} /*多选菜单*/
#count{padding-top: 10px;padding-right: 11px;text-align: right;}
/* 计算按钮 */
#countBtn{height: 25px;width: 70px;text-align: center; background-color: #FFFFFF;cursor: pointer;}
#benefit,#roles,#countBtn,#bonus{border: 1px solid #D4D4D4;}
</style>
<(4)> <!-- 第(4)空 -->
(5) roles(){ <!-- 第(5)空 -->
this.programmer=function(data){ /*程序员提成计算*/
if(data>10000){
return data*0.05;
}else if (data>=2000){
return 50;
}else{
return 0;
}
}
this.manager=function(data){ //项目经理提成计算
if(data>20000){
return data*0.2;
}else{
return data*0.1;
}
}
this.salesman=function(data){ //销售人员提成计算
if(data>100000){
return data*0.3;
}else if(data>=50000){
return data*0.2;
}else{
return data*0.05;
}
}
}
//提成对象
function bonus(){
this.benefit=0; //项目收益
}
bonus.(6).setBenefit=function(data){ <!-- 第(6)空 -->
this.benefit=data; //设置项目收益
}
//设置bonus的原型链roles
bonus.(7)=new roles(); <!-- 第(7)空 -->
bonus.(6).getBonus=function(role){ <!-- 第(6)空 -->
(8) role(this.benefit);// 通过角色策略方法计算返回提成 <!-- 第(8)空 -->
}
//创建bonus的实例对象
var bonusCount =(9) bonus(); <!-- 第(9)空 -->
//角色策略筛选
var strategies={
"1":function(){
//程序员角色策略计算
return bonusCount.getBonus(bonus.programmer);
},
"2":function(){
//项目经理角色策略计算
return bonusCount.getBonus(bonus.manager);
},
"3":function(){
//销售人员角色策略计算
return bonusCount.getBonus(bonus.salesman);
}
}
function countFun(){
//获取项目收益值
var benefit=document.(10)("benefit").(11); <!-- 第(10)空和第(11)空 -->
//获取选择的角色值
var role=document.(10)("roles").(11); <!-- 第(10)空和第(11)空 -->
//设置项目收益
bonusCount.setBenefit(benefit);
//角色策略对应的提成计算值
document.(10)('bonus').value=strategies[role](); <!-- 第(10)空 -->
}
</(4)> <!-- 第(4)空 -->
</head>
<body>
<div id="box">
<header>项目提成计算器</header>
<div id="dataBox">
<input type="text" id="bonus" (1)="(1)" placeholder="项目提成"> <!-- 第(1)空 -->
</div>
<input type="text" id="benefit" value="0">
<(2) id="roles"> <!-- 第(2)空 -->
<option value="1">程序员</option>
<option value="2">项目经理</option>
<option value="3">销售人员</option>
</(2)> <!-- 第(2)空 -->
<div id="count">
<input type="button" id="countBtn" value="计算" (3)="countFun()"> <!-- 第(3)空 -->
</div>
</div>
</body>
</html>
1_试题分析（上册）.zip （48个子文件） 
试题分析（上册） 第8章 2021年实操试卷（初级） 60026 college font 
STKAITI.TTF 12.14MB img 
article.jpg 82KB logo.jpg 9KB css school.css 1KB
index.html 2KB 60025 news img 43.jpg 26KB 42.jpg 128KB index.html 808B news.html 2KB 60028 compute js index.js 5KB css style.css 644B index.html 2KB 60027 class index.html 652B images dili.jpg 17KB yingyu.jpeg 13KB zhenzhi.jpg 39KB shuxue.jpeg 91KB lishi.jpg 41KB yuwen.jpg 26KB tableA.html 3KB 第7章 2020年实操试卷（初级） 60009 percentage index.html 4KB 60012 house assets fw1.jpg 13KB 1.mp3 480KB house.html 2KB 60011 shopping img 43.jpg 39KB 41.jpg 6KB 42.jpg 25KB banner.jpg 24KB css style.css 3KB index.html 3KB 60010 weather img 
weather2.png 21KB weather1.png 2KB weather3.png 17KB index.html 3KB fonts 简书魏.ttf 2.11MB 第6章 2019年实操试卷（初级） 60004 student js jquery-3.4.1.js 274KB index.html 3KB 60001 news img 43.jpg 39KB 42.jpg 25KB index.html 2KB 60002 shopping img 43.jpg 39KB 41.jpg 6KB 42.jpg 25KB banner.jpg 24KB css style.css 1KB index.html 2KB 60003 compute js index.js 1KB index.html 1KB资源评论
