6.22（js--＞案例应用）

（练习1）简易计算器：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>加法计算器</title>
<style>input {width: 50px;}
</style></head>   <body><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()"></body>
</html>

（练习2）黄鹤

<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><textareaid="result">浙江最大互联网公司阿里九九倒闭了，王八蛋老板牛风吃喝嫖赌，欠下了一万个亿，带着他的小姨子跑了!我们没有办法，拿着贴膜抵工资!原价都是一百多、两百多、三百多的贴膜，现在全部只卖二十块，统统只要二十块!牛风王八蛋，你不是人!我们辛辛苦苦给你干了大半年，你不发工资，你还我血汗钱，还我血汗钱!</textarea></div><br></body></html>

我得加快速度复习了，时间不等人

6.22（js--＞案例应用）相关推荐

HTML——css与js案例练习
目录一.css案例 1.小米布局案例效果图 2.侧边导航 3.hot图片案例二.js案例 1. 增加年龄 2.班级聚餐 3.打印99乘法表 4.写一个函数 5.创建一个电脑对象 6.简易ATM 7 ...
迁移学习简而言之_简而言之Java.io：22个案例研究
迁移学习简而言之这篇文章试图涵盖java.io中的一整套操作. 与与此主题相关的其他书籍和博客相比,我的动机是通过案例研究来展示"操作方法". 曾经是Java的学生,我意识到学 ...
简而言之Java.io：22个案例研究
这篇文章试图涵盖java.io中的一整套操作. 与与此主题相关的其他书籍和博客相比,我的动机是通过案例研究展示"操作方法". 作为一名Java的学生,我意识到学习一种新的程序语言的 ...
JS案例：使用对象、对象数组、正则表达式
JS案例:使用对象.对象数组.正则表达式 1.使用对象声明对象变量,其实就是将一个json对象赋给一个变量,可以看到json对象就由一些键值对构成. 运行效果: 如果将{id: 3, name: & ...
js案例（身份证算法的实现）
js案例之身份证算法 <!DOCTYPE html> <html><head><meta charset="utf-8"><t ...
前端学习当中的一些js案例
标题 js案例 ** 三目运算符求四个数中的最大值(使用js 和c 的实现) ** 找找感觉 #include<stdio.h>void main() {float a,b,c,d;flo ...
js function如何传入参数未字符串_Python爬虫 JS 案例讲解：爬取漫画
本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理. 以下文章来源于Python爬虫案例,作者麦自香转载地址 https://blo ...
JavaScript Web APIs部分参考pink老师ppt（网页常见的js案例）
JavaScript基础知识 JavaScript Web API DOM DOM 树获取元素根据 ID 获取根据标签名获取获取特殊元素(body,html) 获取body元素获取html元 ...
python网页爬虫漫画案例_Python爬虫 JS 案例讲解：爬取漫画
本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理. 以下文章来源于Python爬虫案例,作者麦自香转载地址 https://blo ...
Knockout.Js案例一Introduction
在这第一个教程中,您将体验的一些基本知识构建的web UI Model-View-ViewModel使用knockout.js(MVVM)模式. 案例1:添加:data-bind <p>F ...

6.22（js--＞案例应用）

6.22（js--＞案例应用）相关推荐

最新文章

热门文章