Javascript 如何添加代码来计算价格并将其连接到orderMessage_Javascript_Css_Html

Javascript 如何添加代码来计算价格并将其连接到orderMessage

javascript css html

Javascript 如何添加代码来计算价格并将其连接到orderMessage,javascript,css,html,Javascript,Css,Html,这是整个课程，所有的//都是我的教授希望我对课程所做的事情，对整个课程的帮助将是令人惊奇的，但仅仅帮助我开始也将是伟大的。我真的不明白我需要做什么，需要添加什么才能让它工作。我试过几件事，但都不管用 <!DOCTYPE html> <html lang="en-US"> <head> <title>JavaScript Project T-Shirt Order</title> <script>

这是整个课程，所有的//都是我的教授希望我对课程所做的事情，对整个课程的帮助将是令人惊奇的，但仅仅帮助我开始也将是伟大的。我真的不明白我需要做什么，需要添加什么才能让它工作。我试过几件事，但都不管用

<!DOCTYPE html>
<html lang="en-US"> 
    <head>
    <title>JavaScript Project T-Shirt Order</title>
    <script>
     /*
     *  Function OrderTShirt
     *
     *  Inputs:
     *     selectedColor - initialized from the select tag with id="colorChoice"
     *     selectedStyle - initialized from the select tag with id="style"
     *     selectedSize  - initialized from the select tag with id="size"
     *
     *  Output:
     *      alert of the order message
     *
     */
     function OrderTShirt(){

       //initialize the input
       var selectedColor = document.getElementById("colorChoice").value;
       var selectedStyle = document.getElementById("style").value;
       var selectedSize =  document.getElementById("size").value;


       //create the orderMessage to alert - you may want to move/change this code
       var orderMessage = "Your order is:  Color = " + selectedColor 
                      + "; Style = " + selectedStyle 
                      + "; Size = " + selectedSize+"\n";


       //Add code to calculate the price and concatenate it to the orderMessage
       var price = document.getElementById()
       //For example, "The order is:  Color = gray; Style=T-Shirt; Size = XL \nThe price is $7" 

       //If the style and size are not available, then concatenate the message that 
       // the selection is not available instead of a price.

       // a t-shirt in any size is $7 except 2XL which is $10.
       // a v-neck in adult sizes is $12.50 except the 2XL is not available
       // a tech shirt in adult sizes is $13

       alert(orderMessage);
   }

    </script>
    </head>

    <body>
    <p>
    <table>
      <tr/>
      <tr><th>Colors</th><th>Styles</th><th>Sizes</th></tr>
      <tr><td>
    <select id="colorChoice">
      <option value="gray">Gray</option>
      <option value="gold">Gold</option>
      <option value="red">Red</option>
      <option value="pink">Pink</option>
      <option value="white">White</option>
      <option value="navy">Navy</option>
      <option value="maroon">Maroon</option>
      <option value="black">Black</option>
      <option value="royalblue">Royal Blue</option>
      <option value="limegreen">Lime Green</option>
    <select>
       </td><td>
    <select id="style">
      <option value="T-Shirt">T-Shirt</option>
      <option value="Tech Shirt">Moisture Wicking Tech Shirt</option>
      <option value="Ladies V-Neck">Ladies V-Neck - Adult sizes only</option>
    </select>
      </td><td>
    <select id="size">
      <option value="XS">Adult Extra Small</option>
      <option value="S">Adult Small</option>
      <option value="M">Adult Medium</option>
      <option value="L">Adult Large</option>
      <option value="XL">Adult Extra Large</option>
      <option value="2XL">Adult 2X</option>
    </select>
      </td></tr>
      <tr/><tr><td>
          <input type="button" 
                 value="Order T-Shirt" 
                 onclick="OrderTShirt();">
       </td><td/><td/>
    </table>
    <p>
    </body>
</html>

这段代码就是我想你要找的。我制作了另一个名为getPrice的函数，它将为您计算价格。它检查衬衫的款式，然后按照您提供的示例检查尺码，然后给出价格，如果没有库存，则不可用

JavaScript项目T恤订单 /* *功能订单衬衫 * *投入： *selectedColor-从id为colorChoice的select标记初始化 *selectedStyle-从id=style的select标记初始化 *selectedSize-从id=size的select标记初始化 * *输出： *订单信息警报 * */ 功能订单衬衫{ //初始化输入 var selectedColor=document.getElementByIdcolorChoice.value； var selectedStyle=document.getElementByIdstyle.value； var selectedSize=document.getElementByIdsize.value； //创建要提醒的orderMessage-您可能需要移动/更改此代码 var orderMessage=您的订单是：Color=+selectedColor +；Style=+selectedStyle +；大小=+所选大小+\n； //添加代码以计算价格并将其连接到orderMessage var price=getPriceselectedColor、selectedStyle、selectedSize；如果价格===不可用{ orderMessage+=此衬衫不可用； }否则{ orderMessage+=价格=+价格； } //例如，订单为：颜色=灰色；款式=T恤；尺码=XL\n价格为7美元 //如果样式和大小不可用，则连接 //该选项不可用，而不是价格。 //任何尺寸的t恤都是7美元，2XL除外，它是10美元。 //成人尺码的v领售价为12.50美元，但2XL不提供 //一件成人尺寸的科技衬衫13美元 alertorderMessage； } 函数获取价格颜色、样式、大小{ var价格； ifstyle==T恤{ ifsize==2XL{ 价格=10； }否则{ 价格=7； } } else ifstyle==女士V领{ ifsize==2XL{ //不可用价格=不可用 }否则{ 价格=12.50； } } else ifstyle==科技衬衫{ 价格=13； } 退货价格； } 颜色风格尺寸灰色金红色粉红色白色海军紫褐色的黑色皇家蓝青柠 T恤吸湿排汗科技衬衫女士V领-仅限成人尺码成年超小型成体小成体培养基成虫大成虫特大型成人2X 订购T恤

JavaScript项目T恤订单 /* *功能订单衬衫 * *投入： *selectedColor-从id为colorChoice的select标记初始化 *selectedStyle-从id=style的select标记初始化 *selectedSize-从id=size的select标记初始化 * *输出： *订单信息警报 * */ 功能订单衬衫{ //初始化输入 var selectedColor=document.getElementByIdcolorChoice.value； var selectedStyle=document.getElementByIdstyle.value；选择变量 dSize=document.getElementByIdsize.value； //创建要提醒的orderMessage-您可能需要移动/更改此代码 var orderMessage=您的订单是：Color=+selectedColor + ; Style=+selectedStyle + ; 大小=+所选大小+\n； //添加代码以计算价格并将其连接到orderMessage var price=getPriceselectedColor、selectedStyle、selectedSize；如果价格===不可用{ orderMessage+=此衬衫不可用； }否则{ orderMessage+=价格=+价格； } //例如，顺序为：颜色=灰色；款式=T恤；Size=XL\n价格为7美元 //如果样式和大小不可用，则连接 //该选项不可用，而不是价格。 //任何尺寸的t恤都是7美元，2XL除外，它是10美元。 //成人尺码的v领售价为12.50美元，但2XL不提供 //一件成人尺寸的科技衬衫13美元 alertorderMessage； } 函数获取价格颜色、样式、大小{ var价格； ifstyle==T恤{ ifsize==2XL{ 价格=10； }否则{ 价格=7； } } else ifstyle==女士V领{ ifsize==2XL{ //不可用价格=不可用 }否则{ 价格=12.50； } } else ifstyle==科技衬衫{ 价格=13； } 退货价格； } 颜色风格尺寸灰色金红色粉红色白色海军紫褐色的黑色皇家蓝青柠 T恤吸湿排汗科技衬衫女士V领-仅限成人尺码成年超小型成体小成体培养基成虫大成虫特大型成人2X 订购T恤

爪哇！=JavascriptJava！=Javascript