jq写的随机土味情话机

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>随机土味情话生成</title><script type="text/javascript" src="jquery.js"></script><style>div{border: 1px solid black;width: 600px;}p{margin-left: 10px;}</style></head><body><div><p class="myName"><label><b>请输入自定义的名字：</b><input id="writeName" type="text" placeholder="洪飞"></label></p><p><label><input name="choice" id="fair" value="公制" type="radio" checked="checked">公制</label><label><input name="choice" id="unfair" value="美制" type="radio">美制</label></p><p><button id="joke">随机生成笑话</button></p><p id="show1" style="display: none;">“<span class="one"></span>你有闻到一些奇怪的味道吗？”“没有，什么味道？”“看到了你以后，空气都变甜了。”在<span class="tempreture"></span>之下，我依旧很爱你。</p><p id="show2" style="display: none;">“<span class="one"></span>你知道你跟星星对于我来说有什么区别吗？”“星星在天上，你在我心里。”在<span class="tempreture"></span>之下，我依旧很爱你。</p><p id="show3" style="display: none;">“<span class="one"></span>你知道牛肉要怎么吃才最好吃吗？”“牛肉我喂你吃最好吃。”在<span class="tempreture"></span>之下，我依旧很爱你。</p><p id="show4" style="display: none;">“<span class="one"></span>我喜欢你已经超过两分钟了”“无法撤回了。”在<span class="tempreture"></span>之下，我依旧很爱你。</p><p id="show5" style="display: none;">“<span class="one"></span>你是可爱的女孩”“我就是可爱本人。”在<span class="tempreture"></span>之下，我依旧很爱你。</p><p id="show6" style="display: none;">“<span class="one"></span>你一定是碳酸饮料成精了”“要不然为什么我每次见到你都开心得要冒泡呢？”在<span class="tempreture"></span>之下，我依旧很爱你。</p><p id="show7" style="display: none;">“<span class="one"></span>甜有100种方式，一种是吃糖，一种是吃蛋糕”“剩下98种是想你。”在<span class="tempreture"></span>之下，我依旧很爱你。</p></div><script>$(document).ready(function(){$('#joke').click(function(){if($('#writeName').val()==''){$('.one').text('洪飞');}else{let honey = $('#writeName').val();console.log(honey);$('.one').text(honey);}let choose = $('input:radio:checked').val();console.log(choose);if(choose == '公制'){$('.tempreture').text('35摄氏度');}else{$('.tempreture').text('95华氏度');}let pic;const num = ['1','2','3','4','5','6','7'];pic = num[Math.floor(Math.random()*num.length)];console.log(pic);for(let i = 1;i<8;i++){if(i==pic){$('#show'+i).css('display','block');$('#show'+i).css('width','400px');$('#show'+i).css('background','yellow');}else{$('#show'+i).css('display','none');}}})})   </script></body>
</html>

jq写的随机土味情话机相关推荐

python编写一个软件-python写一个随机点名软件的实例
最近有个随机点名软件的需求,故写了一个,上代码:github地址 # -*- coding: utf-8 -*- # @Time : 18-12-31 下午4:21 # @Author : Felix ...
怎么用python制作随机点名软件_python写一个随机点名软件的实例
最近有个随机点名软件的需求,故写了一个,上代码:github地址 # -*- coding: utf-8 -*- # @Time : 18-12-31 下午4:21 # @Author : Felix ...
python随机点名程序图形化_python写一个随机点名软件，python随机点名,最近有个随机点名软件...
python写一个随机点名软件,python随机点名,最近有个随机点名软件最近有个随机点名软件的需求,故写了一个,上代码:github地址# -*- coding: utf-8 -*-# @Time ...
python写软件实例-python写一个随机点名软件的实例
最近有个随机点名软件的需求,故写了一个,上代码:github地址 # -*- coding: utf-8 -*- # @Time : 18-12-31 下午4:21 # @Author : Felix ...
用MFC写一个随机抽号的软件（VS2013）
自学了C++一段时间了,感觉还是什么都不会,所以就想开始找点东西来写,才好学习东西. 所以就突然想到写一个随机抽号的软件. 刚开始写好的时候生成的文件在其他电脑执行不了,所以我就查了一下,在MFC的使 ...
顺序写磁盘比随机写内存_深入理解 linux磁盘顺序写、随机写
一.前言随机写会导致磁头不停地换道,造成效率的极大降低:顺序写磁头几乎不用换道,或者换道的时间很短.本文来讨论一下两者具体的差别以及相应的内核调用. 二.环境准备三.fio介绍通过fio测试,能 ...
教师节，给老师们写一个随机点名的网页
先上效果图已实现功能 5s-6s随机出现名字: 鼠标点击爆炸特效: 未完待续- 开发环境后面考虑加更多功能,所以用的angular框架,其实简单的随机点名一个html文件也可以做好. Angula ...
用Python写的随机起名字的程序（可以起两字或三字名字）
今天老赵学习了easygui这个图形界面,因此想用easygui的界面写出一个随机起名字的程序一.程序的完整代码如果最近有想给宝宝起名字的朋友们,可以试试我这个程序哟~~~ import easy ...
用Python写一个随机数字生成代码，5行代码超简单
本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理. 第一步,安装 random 库 random库是使用随机数的Python标准库 ...

jq写的随机土味情话机

jq写的随机土味情话机相关推荐

最新文章

热门文章