`
tiantian911
  • 浏览: 224989 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JavaScript 胸罩尺寸计算器

阅读更多
只在周末放松一下 ;)

Ed Spencer 已经用JavaScript编了一个胸罩尺寸计算器 :

    近来我为一个更具诱惑性网站中的一个工作,这家网站是专卖女性内衣的。 除了不得不一整天去看只穿内衣的女人的图片这个不值得羡慕的任务之外,我还被迫(强迫!)去写一个胸罩尺寸计算器。

    胸罩尺寸计算器背后的理论是有点神秘和神奇了。 让一个男人或野兽理解它并不容易,所以它是幸运的,我完全不属于那两类, 我通过了痛苦和折磨的考验节省了您的麻烦。
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;
  }
};



And to apply it to your own pages, use something a bit like this:

jQuery(document).ready(function(){
  //add listeners to band and cup measurement text boxes
  jQuery('#back').keyup(Honeys.updateBraSizeCalculation);
  jQuery('#cup').keyup(Honeys.updateBraSizeCalculation);
});

var Honeys = {
  updateBraSizeCalculation: function() {
    var back = jQuery('#back')[0].value;
    var cup  = jQuery('#cup')[0].value;
    
    if (back.length > 0 && cup.length > 0) {
      jQuery('#fit')[0].value = BraCalculator.calculateSize(back, cup);
    };
  }
};

分享到:
评论
1 楼 bushkarl 2010-08-24  
 

相关推荐

    javascript白色简洁计算器

    在这个“javascript白色简洁计算器”的项目中,我们将会探讨如何使用JavaScript来实现一个功能齐全、界面简洁的计算器。 首先,让我们了解计算器的基本结构。一个计算器通常包括数字键、运算符键以及清除键等,这些...

    javaScript简单模拟计算器

    在本主题中,我们将深入探讨如何使用JavaScript实现一个简单的模拟计算器。这个计算器可能包括基本的算术运算,如加、减、乘、除,以及可能的清零和错误处理功能。 首先,我们需要创建一个HTML页面作为计算器的界面...

    javascript做的非常漂亮的计算器

    在本文中,我们将深入探讨JavaScript计算器的设计与实现,以及它在Web开发中的重要性。 首先,JavaScript是一种解释型的、跨平台的脚本语言,常用于网页和网络应用的动态内容创建。它在浏览器环境中运行,可以处理...

    javascript做的计算器

    用js做的一个计算器,可以用这个方法去做一个Java代码

    javascript实现简单计算器

    在这个项目中,“javascript实现简单计算器”是一个基础的编程练习,旨在利用JavaScript创建一个能够执行基本数学运算的计算器。 首先,我们需要理解JavaScript的基础语法。JavaScript是一种弱类型的语言,变量在...

    JAVAScript编写的计算器

    JAVA Script编写的计算器,界面较为简单,功能较少,可供初学者参考使用

    JavaScript实现简单计算器

    在JavaScript实现简单计算器的过程中,我们需要理解JavaScript的基本语法和运算规则,以及如何利用DOM(Document Object Model)进行用户界面的交互。下面将详细讲解这个过程。 首先,JavaScript是一种广泛用于网页...

    JavaScript 中的计算器及其源代码

    JavaScript 中的计算器及其源代码 该计算器是一个使用 HTML5、CSS 和 JavaScript 编写的简单项目。 这里,计算器的功能与现实生活中的简单计算器一样。 该项目旨在解决数字的数学计算。 您可以在该项目中看到计算器...

    Javascript做的计算器源代码

    标签"Javascript 计算器"表明这是一个关于JavaScript基础和实践的实例,适合初学者学习。通过分析和理解这个源代码,开发者不仅可以掌握JavaScript的基本语法,还能了解到事件处理、DOM操作以及如何用JavaScript实现...

    javaScript写的计算器

    JavaScript编写的计算器是一种基于Web的计算工具,它利用了JavaScript这门编程语言的动态特性,可以在用户的浏览器上直接运行,无需任何服务器支持。这个计算器项目不仅提供了基础的四则运算,还可能包含了更复杂的...

    javascript 写的计算器

    JavaScript 编写的计算器是一种利用网页浏览器的脚本语言来实现基本数学运算的程序。这个计算器项目可能是为了帮助开发者熟悉JavaScript语法、DOM操作以及事件处理等基础技能。在本篇文章中,我们将深入探讨...

    JavaScript-计算器

    在这个项目中,我们讨论的是一个使用JavaScript实现的按钮式计算器。这个计算器具有基础的数学运算功能,同时还提供了额外的特性,如连续运算、数据清除、平方根计算、百分比计算以及记忆加减功能。下面我们将详细...

    javascript实现优先级计算器

    JavaScript实现优先级计算器涉及到的核心知识点包括JavaScript语言基础、数学逻辑、事件处理、DOM操作以及可能的正则表达式。下面将详细阐述这些方面。 1. **JavaScript语言基础**:JavaScript是一种广泛使用的解释...

    Html/javascript实现的计算器

    Html/javascript实现的计算器

    javascript写的计算器

    用javascript写的计算器.完成加减乘除和取模,退格功能.取正负.

    javascript实现的计算器

    利用VS2010实现的一个简易计算器,实现了计算器的基本功能

    c#客户端 javascript style 颜色计算器

    在这个特定的场景中,我们讨论的是一个C#客户端程序,它结合了JavaScript和CSS(Style)的概念,用于创建一个颜色计算器。这涉及到将Web技术应用于桌面应用,为用户提供更丰富的交互体验。 首先,让我们深入理解C#...

    HTML javascript 建议科学计算器

    使用eval函数实现最后的求值 javascript制作的伪科学计算器,JS经典入门程序。。。。。。。。。

    纯JavaScript的简单模拟计算器

    - 可以利用Flexbox或Grid布局使计算器界面更加响应式,适应不同屏幕尺寸。 7. **功能扩展** - 除了基本运算,还可以增加括号支持、百分比计算、平方根等功能。 - 实现清除(C)按钮,用于清空当前计算过程。 - ...

Global site tag (gtag.js) - Google Analytics