首页 / JAVASCRIPT / JavaScript小练习

JavaScript小练习

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript小练习，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2567字，纯文字阅读大概需要4分钟。

内容图文

 练习，做一个简单的加法计算器

技术分享图片 

<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
</head> 
 
<style>
input{
  width:50px;
}
</style>
<script>
function calc(){
var num1= document.getElementById("num1").value;
var num2= document.getElementById("num2").value;
num1 = parseFloat(num1);
num2 = parseFloat(num2);
var result = num1+num2;
document.getElementById("result").value=result;
 
}
</script>
<input type="text" id="num1"> +
 
<input type="text" id="num2" >
=
<input type="text" id="result" >
 
<input type="button" value="运算" onclick="calc()">

 

 练习二

技术分享图片 

<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>

 

原文：https://www.cnblogs.com/exciting/p/10634077.html

内容总结

以上是互联网集市为您收集整理的JavaScript小练习全部内容，希望文章能够帮你解决JavaScript小练习所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1087515.html

来源：【匿名】