JavaScript编写一个简单的辣鸡营销号文章生成页面

营销号文章自动生成是怎么回事呢？营销号文章相信大家都很熟悉，
但是营销号文章自动生成是怎么回事呢？下面就让小编带大家一起了解吧。营销号文章自动生成，其实就是营销号文章自动生成了。那么营销号文章为什么会自动生成，相信大家都很好奇是怎么回事。大家可能会感到很惊讶，营销号文章怎么会自动生成呢？但事实就是这样，小编也感到非常惊讶。那么这就是关于营销号文章自动生成的事情了，大家有没有觉得很神奇呢？看了今天的内容，大家有什么想法呢？欢迎在评论区告诉小编一起讨论哦

其实只要知道了主语谓语就可以利用字符串的拼凑，很快的生成一篇这样的段子，我们今天利用JavaScript代码来实现它

比如【伍兹不行】这个语句，subj（主语）就是伍兹，而verb（谓语）就是不行，而text是整个句子，也就是“伍兹不行“，那么利用字符串的拼接很快能够生成，看如下代码

关键代码：

var outputText = text + "是怎么回事呢？" + subj + "相信大家都很熟悉， 但是" +text + "是怎么回事呢？下面就让小编带大家一起了解吧。" +text + "，其实就是" + text + "了。那么" +subj + "为什么会" + verb + "，相信大家都很好奇是怎么回事。大家可能会感到很惊讶，" +subj + "怎么会" + verb + "呢？但事实就是这样，小编也感到非常惊讶。那么这就是关于" +text + "的事情了，大家有没有觉得很神奇呢？看了今天的内容，大家有什么想法呢？欢迎在评论区告诉小编一起讨论哦";

而编写一个页面，我们需要从html的textarea标签中得到输入的主语谓语，然后利用字符串拼接，将处理后的文字显示在文字框内（同样通过修改value属性实现），html页面的实现如下

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<!-- http://localhost:8081/YXHgenerator -->
<link rel="stylesheet" type="text/css" href="sty.css">
<head><title>老营销号了</title>
</head>
<body><h2>小编生成器</h2><div><h3>输入主语</h3><textarea id='input1' class='inp'></textarea></div><div><h3>输入谓语</h3><textarea id='input2' class='inp'></textarea></div><div><button id='button1'>点我生成</button></div><div><textarea id="output1"></textarea></div><script type="text/javascript">var chButton = document.getElementById('button1');function generate(inputText) {var inputArea1 = document.getElementById('input1');var inputArea2 = document.getElementById('input2');var outputArea = document.getElementById('output1');var subj = inputArea1.value;var verb = inputArea2.value;var text = subj + verb;var outputText = text + "是怎么回事呢？" + subj + "相信大家都很熟悉， 但是" +text + "是怎么回事呢？下面就让小编带大家一起了解吧。" +text + "，其实就是" + text + "了。那么" +subj + "为什么会" + verb + "，相信大家都很好奇是怎么回事。大家可能会感到很惊讶，" +subj + "怎么会" + verb + "呢？但事实就是这样，小编也感到非常惊讶。那么这就是关于" +text + "的事情了，大家有没有觉得很神奇呢？看了今天的内容，大家有什么想法呢？欢迎在评论区告诉小编一起讨论哦";outputArea.value = outputText;}chButton.onclick = generate;</script>
</body>
</html>

通过简单的css样式可以实现居中，css代码如下

textarea {display: block;width: 40%;height: 100px;margin: 0 auto;
}.inp {display: block;width: 20%;height: 50px;margin: 0 auto;
}div {margin: 0;text-align: center;
}h2 {text-align: center;
}

JavaScript编写一个简单的辣鸡营销号文章生成页面相关推荐

一个简单的吃鸡背包编写——1
好久都没写博客.是时候来更新一篇一直想写的一个demo,前段时间网易出一个荒野行动.听说还是unity做的,所以自己没事做的时候就来写的玩玩.由于是个人开发所以网络端用的是一个Photon View插 ...
用 Go 编写一个简单的 WebSocket 推送服务
用 Go 编写一个简单的 WebSocket 推送服务本文中代码可以在 github.com/alfred-zhon- 获取. 背景最近拿到需求要在网页上展示报警信息.以往报警信息都是通过短信,微 ...
编写一个最简单的.php,学习猿地- 说明如果我们要编写一个简单的PHP脚本，需要学习哪些...
说明如果我们要编写一个简单的 PHP 脚本,需要学习哪些基础知识呢? PHP 基础 PHP 脚本可放置于文档中的任何位置. 标准的 PHP 脚本以 <?php 开头,以 ?> 结尾: ...
java编写存钱_用Java编写一个简单的存款
package desposit.money; public class DespositMoney { public static void main(String[] args) { Custom ...
python脚本编写_如何用Python包编写一个简单的脚本，表达你对父母的爱？
全文共2800字,预计学习时长6分钟在繁忙的工作生活中,我们经常忘记给所爱的人发WhatsApp.本教程将使用Python包Twilio编写一个简单的Python脚本来发送WhatsApp消息.我们 ...
用java编写一个简单计算器
java 采用java编写一个简单计算器,使用awt和swing 代码如下: import java.awt.Color; import java.awt.Font; import java.awt. ...
ros如何编译python文件_Python为ROS编写一个简单的发布者和订阅者
Python为ROS编写一个简单的发布者和订阅者 1.创建工作空间 1.1建立文件夹hello_rospy,再在该目录下建立子目录src,并创建工作空间 mkdir -p ~/hello_rospy/ ...
Java制作一个盒子程序_编写一个简单的Java程序，模拟计算器的功能。
提问:编写一个简单的Java程序,模拟计算器的功能. 网友回答: 程序参考: import java.awt.*; import java.awt.event.ActionEvent; import ...
python编写登录_通过Python编写一个简单登录功能过程解析
通过Python编写一个简单登录功能过程解析需求: 写一个登录的程序, 1.最多登陆失败3次 2.登录成功,提示欢迎xx登录,今天的日期是xxx,程序结束 3.要检验输入是否为空,账号和密码不能为空 ...

JavaScript编写一个简单的辣鸡营销号文章生成页面

JavaScript编写一个简单的辣鸡营销号文章生成页面相关推荐

最新文章

热门文章