时间戳

首页 > 解决方案 > 无法使用单选按钮的 if else 语句找出此代码

javascript - 无法使用单选按钮的 if else 语句找出此代码

问题描述

嘿，伙计们，我遇到了麻烦

在此处输入图像描述

请单击以获取说明。由于某种原因，图像未加载。

这是我当前的代码，老实说我很困惑，不知道如何处理这个问题。我是 javascript 新手，并试图将其作为即将到来的考试的练习。我真的希望有人能帮我解决这个问题。我知道 javascript 还没有完成，我目前所拥有的可能是错误的，但我只是对在哪里采取这个感到困惑。谢谢

  Function tips() {
                var mealCost=parseFloat(document.getElementById("txtMealCost").value);
                var Great1= document.getElementById("great");
                var Okay2= document.getElementById("okay");
                var Poor3= document.getElementById("poor");
                var totalCost1= mealCost * .20
                if (document.getElementById("great").checked) {
                    
                
                    
                    
                    
                }
            }
  
        <h1>Tip Calculator</h1>
        <hr>
        <span>What was the cost of your meal? </span>
        <input type="text" id="txtMealCost" />
        <hr>
        How would you rate the service?<br>
        Great (20%) <input type="radio" name="radServiceQuality" id="great"> <br>
        Okay (15%) <input type="radio" name="radServiceQuality" id="okay"> <br>
        Poor (10%) <input type="radio" name="radServiceQuality" id="poor"> <br>
    
        <p><input type="button" value="Calculate Tip Amount" onclick="calcTip()">
    
            <div id="output">
            </div>

标签： javascript

解决方案

提供的要求不够明确。假设你只需要一个简单的输出，你应该在函数调用中做的是，

1.找到选中的单选按钮的值

document.querySelector('input[name="radServiceQuality"]:checked').value

2a. 确定小费比例

if (selected_value = 'great') tip_percentage = 0.2;

2b。计算小费

tip = meal_cost * tip_percentage;

3.输出提示

alert(tip);

您应该阅读一些 javascript 基础教程。并继续谷歌搜索。

推荐阅读