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 值,您可以检查自己的体重是否健康。此外,您...
项目: 使用 JavaScript 编写的简单小费计算器(附源代码) 简单小费计算器是一个使用 JavaScript、CSS 和 HTML 开发的简单项目。这个项目很有趣。用户可以计算从单笔账单支付中可以获得的小费金额。此外,用户可以...
JAVA Script编写的计算器,界面较为简单,功能较少,可供初学者参考使用
在这个示例中,我们有一个使用JavaScript编写的计算器应用。它遵循了现代Web开发的一些最佳实践,比如实现了行为与结构的分离。 行为与结构的分离是Web开发中的一个核心原则,它主张HTML负责内容的结构,CSS负责...
这篇文档介绍的是如何使用JavaScript来实现一个简单的网页计算器。JavaScript是一种广泛用于网页开发的脚本语言,它允许在用户浏览器端动态更新内容、处理表单数据以及创建交互性功能。 首先,网页计算器的界面通常...
在标签“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 调试通过,其他...
贷款计算器是一个用 HTML5、CSS 和 JavaScript 编写的简单项目。这是一个非常棒的计算器,方便用户了解特定贷款的每月还款额。该项目用于财务计算,计算贷款的定期每月还款额、总还款额和总利息。用户必须在贷款期间...
项目:JavaScript 中的 BMI 计算器(附源代码) BMI 计算器是一个使用 HTML5、CSS 和 JavaScript 开发的简单项目。该项目用于检查您的 BMI。通过 BMI 值,您可以检查自己的体重是否健康。此外,您还可以在此项目中...
需要用 JavaScript 编写一个简单的计算器。•实现一个类似Windows附件中的标准型计算器的基本功能; •实现加,减,乘,除,取余,开平方,求倒数这七种基本运算(可以自行决定支持更多的运算类型); •支持正负号...
JavaScript编写简单计算器的知识点涵盖了HTML结构布局、CSS样式设计和JavaScript基础编程。以下将详细介绍这些知识点: 1. HTML页面结构 一个计算器的HTML页面结构通常包括以下几个部分: - HTML文档声明和语言...
在这个项目中,我们讨论的是一个使用JavaScript实现的按钮式计算器。这个计算器具有基础的数学运算功能,同时还提供了额外的特性,如连续运算、数据清除、平方根计算、百分比计算以及记忆加减功能。下面我们将详细...
在这个“javascript白色简洁计算器”的项目中,我们将会探讨如何使用JavaScript来实现一个功能齐全、界面简洁的计算器。 首先,让我们了解计算器的基本结构。一个计算器通常包括数字键、运算符键以及清除键等,这些...
标题中的“一个用JS做的简易计算器”表明这是一个使用JavaScript编程语言实现的基本计算器应用。JavaScript,通常简称为JS,是Web开发中广泛使用的客户端脚本语言,用于为网页添加交互性功能。在这个案例中,开发者...
用HTML5+JavaScript+CSS3实现的房贷计算器