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
分享到:
相关推荐
项目: 使用 JavaScript 编写的简单 BMI 计算器(附源代码) 简单 BMI 计算器是一个使用 HTML5、CSS 和 JavaScript 开发的简单项目。该项目用于检查您的 BMI。通过 BMI 值,您可以检查自己的体重是否健康。此外,您...
html编写网页使用计算器 语言:javascript
使用 JavaScript 编写的每日用水计算器(附源代码) 项目:JavaScript 每日用水计算器及源代码 每日饮水量计算器是一个简单的 HTML5、CSS 和 JavaScript 项目。这是一个有趣的项目。该项目用于根据这两个决定因素...
项目: 使用 JavaScript 编写的简单小费计算器(附源代码) 简单小费计算器是一个使用 JavaScript、CSS 和 HTML 开发的简单项目。这个项目很有趣。用户可以计算从单笔账单支付中可以获得的小费金额。此外,用户可以...
本项目"基于JavaScript脚本开发的网页计算器"旨在实现一个基本的网页计算器,提供与标准桌面计算器类似的功能,如加、减、乘、除等基本运算。 在JavaScript中,我们可以利用DOM(Document Object Model)来操作HTML...
使用 JavaScript 编写的科学计算器(附源代码) 项目:使用 JavaScript 编写的科学计算器(附源代码) 科学计算器是 HTML5、CSS 和 JavaScript 中的一个简单项目。该项目用于解决数字的数学计算。您可以在此项目...
参考博客:http://blog.csdn.net/xiaowei_cqu/article/details/7081348
在这个示例中,我们有一个使用JavaScript编写的计算器应用。它遵循了现代Web开发的一些最佳实践,比如实现了行为与结构的分离。 行为与结构的分离是Web开发中的一个核心原则,它主张HTML负责内容的结构,CSS负责...
这篇文档介绍的是如何使用JavaScript来实现一个简单的网页计算器。JavaScript是一种广泛用于网页开发的脚本语言,它允许在用户浏览器端动态更新内容、处理表单数据以及创建交互性功能。 首先,网页计算器的界面通常...
为了完成这个计算器,你需要编写上述功能的JavaScript代码,这通常包括处理数字的字符串化、运算符优先级、浮点数精度等问题。通过这样的实践,你可以深入理解JavaScript中的数据类型、事件处理和DOM操作等基础知识...
在标签“JavaScript做的计算器”中,我们可以理解这是一个完全使用JavaScript编写的计算器,没有依赖其他后端技术。这样的计算器对于初学者来说是很好的实践项目,因为它涉及到了JavaScript的基础知识,如变量、函数...
**JavaScript网页版计算器详解** JavaScript,作为Web开发中的重要脚本语言,被广泛用于实现网页的动态交互功能。本教程将深入讲解如何利用JavaScript构建一个简单的网页版计算器,这对于初学者来说是一个很好的...
JavaScript中的基础数据类型,如数字和字符串,在计算器中扮演关键角色。数字用于存储计算结果,字符串则用于储存用户输入的表达式。在处理用户输入时,JavaScript需要将字符串转换为数字进行计算,这通常通过`...
JavaScript实现的简单的计算器,这是参考我同学的代码实现,希望能够帮助到你
该计算器是一个使用 HTML5、CSS 和 JavaScript 编写的简单项目。 这里,计算器的功能与现实生活中的简单计算器一样。 该项目旨在解决数字的数学计算。 您可以在该项目中看到计算器的基本功能。 项目制作 该计算器...
使用javascript全动态生成的计算器,调用内置eval函数能实现简单表达式的计算,js文件可以供其他程序在任意处调用动态生成计算器,本实例界面为浮动div可以在浏览器中显示,隐藏和任意拖动 (IE8 调试通过,其他...
贷款计算器是一个用 HTML5、CSS 和 JavaScript 编写的简单项目。这是一个非常棒的计算器,方便用户了解特定贷款的每月还款额。该项目用于财务计算,计算贷款的定期每月还款额、总还款额和总利息。用户必须在贷款期间...
项目:JavaScript 中的 BMI 计算器(附源代码) BMI 计算器是一个使用 HTML5、CSS 和 JavaScript 开发的简单项目。该项目用于检查您的 BMI。通过 BMI 值,您可以检查自己的体重是否健康。此外,您还可以在此项目中...
需要用 JavaScript 编写一个简单的计算器。•实现一个类似Windows附件中的标准型计算器的基本功能; •实现加,减,乘,除,取余,开平方,求倒数这七种基本运算(可以自行决定支持更多的运算类型); •支持正负号...
项目:使用 JavaScript 编写的 GPA 计算器(附源代码) GPA 计算器是 HTML5、CSS 和 JavaScript 中的一个简单项目。这是一个有趣的项目。该项目用于计算学生的总分、百分比、成绩和 GPA。这个项目对学校和大学非常...