`
tiantian911
  • 浏览: 224689 次
  • 性别: 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、CSS的简易科学计算器

    用javascript制作简单计算器.html

    学习了javascript ,这个代码是使用javascript来做一个简单的计算器,可以实现简单的额加减乘除的计算

    javaScript简单模拟计算器

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

    javascript做的非常漂亮的计算器

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

    用javascript实现的计算器代码

    在本文中,我们将深入探讨如何使用JavaScript来实现一个基本的网页计算器。JavaScript是一种广泛用于创建交互式网页的脚本语言,它可以与HTML和CSS紧密结合,为用户带来动态体验。在这个项目中,我们专注于构建一个...

    javaScript 网页版计算器(web Calculate)

    这个项目展示了如何用纯JavaScript实现一个功能完备、交互友好的计算器,其中包括连续运算和存储运算等功能。 首先,HTML负责构建计算器的用户界面,包括数字按钮、运算符按钮、清除键以及显示区域。这些元素通过`...

    javascript做的计算器

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

    基于javascript脚本开发的网页计算器

    本项目"基于JavaScript脚本开发的网页计算器"旨在实现一个基本的网页计算器,提供与标准桌面计算器类似的功能,如加、减、乘、除等基本运算。 在JavaScript中,我们可以利用DOM(Document Object Model)来操作HTML...

    javascript实现简单计算器

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

    Javascript编写的计算器

    参考博客:http://blog.csdn.net/xiaowei_cqu/article/details/7081348

    JAVAScript编写的计算器

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

    JavaScript-简单计算器

    JavaScript是这个计算器的核心,它处理用户输入、执行计算逻辑并更新显示结果。在JavaScript中,你可以为HTML元素添加事件监听器,当用户点击按钮时,对应的函数会被调用。例如,我们可以创建一个函数来处理数字的...

    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是一种广泛使用的解释...

    JavaScript实现计算器源码

    javascript实现计算器的源码 本例是一个html文件,可使用

Global site tag (gtag.js) - Google Analytics