效果:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
function generate() {
let value1 = gainValue("address");
let value2 = gainValue("company");
let value3 = gainValue("boss");
let value4 = gainValue("woman");
let value5 = gainValue("object");
let value6 = gainValue("money");
let value7 = gainValue("year");
let value8 = gainValue("bloodMoney");
var text = value1 + "," + value1 + ",最大皮革厂," + value2 + "倒闭了!老板 " + value3 + "吃喝嫖赌,欠下了3.5个亿,带着他的" + value4 + "跑了。 我们没有办法,拿着" + value5 + "抵工资。原价都是三百多、二百多、一百多的" + value5 + ", 通通" + value6 + ",通通" + value6 + "!" + value3 + "你不是人,我们辛辛苦苦给你干了" + value7 + "年,你不发工资,你还我 " + value8 + ",还我" + value8 + "!";
document.getElementById("result").value = text;
}
function gainValue(id) {
return document.getElementById(id).value;
}
</script>
<style>
body {
font-family: 宋体;
}
span {
padding-left: 10px;
font-size: 14px;
margin: 10px;
width: 80px;
height: 20px;
display: inline-block;
border: 1px lightgray solid;
}
input {
height: 20px;
margin: 10px;
padding-left: 10px;
}
.sub {
margin: 10px 0px 50px 545px;
}
</style>
<span>地名:</span><input type="text" id="address" value="浙江温州">
<span>厂子:</span><input type="text" id="company" value="江南皮革厂"><br>
<span>老板:</span><input type="text" id="boss" value="黄鹤">
<span>小姨子:</span><input type="text" id="woman" value="小姨子"><br>
<span>物品:</span><input type="text" id="object" value="钱包">
<span>money:</span><input type="text" id="money" value="二十块"><br>
<span>年:</span><input type="text" id="year" value="大半">
<span>血汗钱:</span><input type="text" id="bloodMoney" value="血汗钱"><br>
<input class="sub" type="submit" name="" id="sub" onclick="generate()" value="生成"><br>
<textarea name="" id="result" cols="100"rows="10">浙江温州,浙江温州,最大皮革厂,江南皮革厂倒闭了!老板黄鹤吃喝嫖赌,欠下了3.5个亿,带着他的小姨子跑了。 我们没有办法,拿着钱包抵工资。原价都是三百多、二百多、一百多的钱包, 通通二十块,通通二十块!黄鹤你不是人,我们辛辛苦苦给你干了大半年,你不发工资,你还我血汗钱,还我血汗钱!</textarea>
</body>
</html>