JavaScript出能能为网页添加更多互动元素、为网页的视觉效果锦上添花之外,还能干些什么?今天这个答案也许会出乎你的意料,外国一位设计师Ed Spencer用JavaScript为一个内衣网站编写了胸罩罩杯尺寸计算器。我们在使用JavaScript完成日常工作之余,其实也能编写这种有趣的程序。
只在周末放松一下。
近来Ed Spencer为一个更具诱惑性网站中的一个工作,这家网站是专卖女性内衣的。 除了不得不一整天去看只穿内衣的女人的图片这个不值得羡慕的任务之外,Ed Spencer还被迫去写一个胸罩尺寸计算器。
胸罩尺寸计算器背后的理论是有点神秘和神奇了。 让一个男人或野兽理解它并不容易,所以它是幸运的,Ed Spencer完全不属于那两类, 他通过了痛苦和折磨的考验节省了广大女性的麻烦。
下面来学习学习这个JavaScript有趣实例吧…
这里是JS源文件,点击查看
代码如下:
var BraCalculator = {
/**
* The string to be returned when the result could not be calculated. Overwrite to change this
*/
unknownString: “Unknown”,
cupSizes: ["A", "B", "C", "D", "DD", "E", "EE", "F", "FF", "G", "GG", "H", "HH",
"J", "JJ", "K", "KK", "L", "LL", "M", "MM", "N", "NN"],
/**
* Returns the correct bra size for given under bust and over bust measurements
* @param {Number} underBust The measurement taken under the bust (in inches)
* @param {Number} overBust The measurement taken over the bust (in inches)
* @return {String} The correct bra size for the given measurements (e.g. 32C, 40DD, etc)
*/
calculateSize: function(underBust, overBust) {
var bandSize = this.calculateBandSize(underBust);
var cupSize = this.calculateCupSize(bandSize, overBust);
if (bandSize && cupSize) {
return bandSize + cupSize;
} else {
return this.unknownString;
};
},
/**
* Calculates the correct band size for a given under bust measurement
* @param {Number} underBust The measurement under the bust
* @return {Number} The correct band size
*/
calculateBandSize: function(underBust) {
var underBust = parseInt(underBust, 10);
return underBust + (underBust % 2) + 2;
},
/**
* Calculates the Cup size required given the band size and the over bust measurement
* @param {Number} bandSize The measured band size (should be an even number)
* @param {Number} overBust The measurement taken over the bust
* @return {String} The appropriate alphabetical cup size
*/
calculateCupSize: function(bandSize, overBust) {
var bandSize = parseInt(bandSize, 10);
var overBust = parseInt(overBust, 10);
var diff = overBust - bandSize;
var result = this.cupSizes[diff];
//return false if we couldn’t lookup a cup size
return result ? result : false;
}
};
点击这里使用胸罩罩杯尺寸计算器
英文原文:JavaScript Bra Size Calculator
分享到:
相关推荐
html编写网页使用计算器 语言:javascript
用javascript编写的模拟windows自带的计算器做的,出来能够实习加减乘除外,还能求平方 开方 对数等复杂功能
用javascript编写的一个计算器 实现行为与结构的分离,页面的XHTML文件中不出现事件响应句柄(即onclick等),全部计算在JavaScript文件(.js)中完成
JAVA Script编写的计算器,界面较为简单,功能较少,可供初学者参考使用
参考博客:http://blog.csdn.net/xiaowei_cqu/article/details/7081348
javascript实现编写网页版计算器 本篇主要记录的是利用javscript实现一个网页计算器的效果,供大家参考,具体内容如下 话不多说,代码如下: 首先是html的代码: <!DOCTYPE ...
简单计算器:初学JavaScript,编写了一个简单的计算器,用于平常的计算什么的还是可以的
这个word文档包括了用JavaScript编写的一个网页计算器的源代码及界面。
一个好用的科学计算器……
本人用JavaScript编写的网页计算器,有简单的各项运算,经运行调试,证明还不错。适合初学者及相关人员学习借鉴。不足之处还请大家指出。
标准型计算器的功能基本上都可以实现,科学型的还未深究、有兴趣者可以加我共同探讨。。。。
学习了javascript ,这个代码是使用javascript来做一个简单的计算器,可以实现简单的额加减乘除的计算
基于JavaScript的网页版计算器,适合于初学者学习
ASP计算器 写javascript 写的 ASP WB计算器 写javascript 写的 ASP WB计算器 写javascript 写的 ASP WB计算器
使用JavaScript+CSS+html计算器,可以实现二元加减乘除计算,以及负数计算
JavaScript实现的简单的计算器,这是参考我同学的代码实现,希望能够帮助到你
该计算器是一个使用 HTML5、CSS 和 JavaScript 编写的简单项目。 这里,计算器的功能与现实生活中的简单计算器一样。 该项目旨在解决数字的数学计算。 您可以在该项目中看到计算器的基本功能。 项目制作 该计算器...
使用javascript全动态生成的计算器,调用内置eval函数能实现简单表达式的计算,js文件可以供其他程序在任意处调用动态生成计算器,本实例界面为浮动div可以在浏览器中显示,隐藏和任意拖动 (IE8 调试通过,其他...
主要介绍了JavaScript如何编写简单的计算器,功能很简单,可以实现加减乘除功能,感兴趣的小伙伴们可以参考一下
需要用 JavaScript 编写一个简单的计算器。•实现一个类似Windows附件中的标准型计算器的基本功能; •实现加,减,乘,除,取余,开平方,求倒数这七种基本运算(可以自行决定支持更多的运算类型); •支持正负号...