|
|
|
|
步骤 2 : 答案-黄鹤 步骤 3 : 答案-黄鹤
参考练习-黄鹤的界面，使用javascript做出一个相同的功能出来
<html>
<script>
function generate(){
var location = $("location");
var companyType= $("companyType");
var companyName= $("companyName");
var bossName= $("bossName");
var money= $("money");
var product= $("product");
var unit= $("unit");
var result = location +"最大"+companyType+companyName+"倒闭了，王八蛋老板"+bossName+"吃喝嫖赌，欠下了"+money+"个亿，"
+ "带着他的小姨子跑了!我们没有办法，拿着"+product+"抵工资!原价都是一"+unit+"多、两"+unit+"多、三"+unit+"多的"+product+"，"
+ "现在全部只卖二十块，统统只要二十块!"+bossName+"王八蛋，你不是人!我们辛辛苦苦给你干了大半年，"
+ "你不发工资，你还我血汗钱，还我血汗钱!";
document.getElementById("result").value=result;
}
function $(id){
var value = document.getElementById(id).value;
return value;
}
</script>
<style>
body{
font-family: 宋体;
}
span{
display:inline-block;
border: 1px solid lightgray;
width:120px;
margin-bottom:5px;
}
button#generate{
width:80px;
height:30px;
}
textarea{
width:100%;
height:150px;
margin-top:20px;
}
</style>
<body>
<span>地名:</span> <input type="text" id ="location" value="浙江">
<span>公司类型:</span> <input type="text" id ="companyType" value="互联网公司">
<br>
<span>公司名称:</span> <input type="text" id ="companyName" value="阿里九九">
<span>老板姓名:</span> <input type="text" id ="bossName" value="牛风">
<br>
<span>money:</span> <input type="text" id ="money" value="一万">
<span>产品:</span> <input type="text" id ="product" value="贴膜">
<br>
<span>价格计量单位:</span> <input type="text" id ="unit" value="百">
<br>
<div align="center">
<button id="generate" onclick="generate()">生成</button>
<br>
<textarea id="result">浙江最大互联网公司阿里九九倒闭了，王八蛋老板牛风吃喝嫖赌，欠下了一万个亿，带着他的小姨子跑了!我们没有办法，拿着贴膜抵工资!原价都是一百多、两百多、三百多的贴膜，现在全部只卖二十块，统统只要二十块!牛风王八蛋，你不是人!我们辛辛苦苦给你干了大半年，你不发工资，你还我血汗钱，还我血汗钱!</textarea>
</div>
<br>
</body>
</html>
在查看答案前，尽量先自己完成，碰到问题再来查看答案，收获会更多
仅仅是界面部分，没有交互
<html>
<script>
</script>
<style>
body{
font-family: 宋体;
}
span{
display:inline-block;
display-style:box;
border: 1px solid lightgray;
width:120px;
margin-bottom:5px;
}
button#generate{
width:80px;
height:30px;
}
textarea{
width:100%;
height:150px;
margin-top:20px;
}
</style>
<body>
<span>地名:</span> <input type="text" id ="location" >
<span>公司类型:</span> <input type="text" id ="companyType" >
<br>
<span>公司名称:</span> <input type="text" id ="companyName" >
<span>老板姓名:</span> <input type="text" id ="bossName" >
<br>
<span>money:</span> <input type="text" id ="money" >
<span>产品:</span> <input type="text" id ="product" >
<br>
<span>价格计量单位:</span> <input type="text" id ="unit" >
<br>
<div align="center">
<button id="generate">生成</button>
<br>
<textarea id="result"></textarea>
</div>
<br>
</body>
</html>
在查看答案前，尽量先自己完成，碰到问题再来查看答案，收获会更多
功能部分
<html>
<script>
function generate(){
var location = $("location");
var companyType= $("companyType");
var companyName= $("companyName");
var bossName= $("bossName");
var money= $("money");
var product= $("product");
var unit= $("unit");
var result = location +"最大"+companyType+companyName+"倒闭了，王八蛋老板"+bossName+"吃喝嫖赌，欠下了"+money+"个亿，"
+ "带着他的小姨子跑了!我们没有办法，拿着"+product+"抵工资!原价都是一"+unit+"多、两"+unit+"多、三"+unit+"多的"+product+"，"
+ "现在全部只卖二十块，统统只要二十块!"+bossName+"王八蛋，你不是人!我们辛辛苦苦给你干了大半年，"
+ "你不发工资，你还我血汗钱，还我血汗钱!";
document.getElementById("result").value=result;
}
function $(id){
var value = document.getElementById(id).value;
return value;
}
</script>
<style>
body{
font-family: 宋体;
}
span{
display:inline-block;
border: 1px solid lightgray;
width:120px;
margin-bottom:5px;
}
button#generate{
width:80px;
height:30px;
}
textarea{
width:100%;
height:150px;
margin-top:20px;
}
</style>
<body>
<span>地名:</span> <input type="text" id ="location" >
<span>公司类型:</span> <input type="text" id ="companyType" >
<br>
<span>公司名称:</span> <input type="text" id ="companyName" >
<span>老板姓名:</span> <input type="text" id ="bossName" >
<br>
<span>money:</span> <input type="text" id ="money" >
<span>产品:</span> <input type="text" id ="product" >
<br>
<span>价格计量单位:</span> <input type="text" id ="unit" >
<br>
<div align="center">
<button id="generate" onclick="generate()">生成</button>
<br>
<textarea id="result"></textarea>
</div>
<br>
</body>
</html>
HOW2J公众号，关注后实时获知最新的教程和优惠活动，谢谢。
问答区域
2024-07-26
利用Document 的 getElemnet 方法来实现字符串生成
1 个答案
虚心求学 跳转到问题位置 答案时间：2024-07-26 纠正一下，前面写错了：
正则全局匹配应该是 .replace(/{name}/g, boss) 这种写法。
解释：
1. ' {name} ' 是要匹配的文本模式，它表示一个具体的字符串。
2 ' / ' 是正则表达式的开始和结束分隔符。
' g ' 是一个修饰符（global modifier），表示全局匹配。它告诉 replace() 方法在整个字符串中查找并替换所有匹配的子字符串，而不仅仅是第一个匹配。
回答已经提交成功，正在审核。 请于 我的回答 处查看回答记录，谢谢
2022-04-21
不容易，终于完成了一个，记录一下
回答已经提交成功，正在审核。 请于 我的回答 处查看回答记录，谢谢
2022-03-29
stage exercise2
2022-03-15
答案
2021-11-04
求问
提问太多，页面渲染太慢，为了加快渲染速度，本页最多只显示几条提问。还有 27 条以前的提问，请 点击查看
提问之前请登陆
提问已经提交成功，正在审核。 请于 我的提问 处查看提问记录，谢谢
|
