DAC银行贷款自动化答案

【问题标题】：DAC Bank Loan AutomationDAC银行贷款自动化
【发布时间】：2020-10-20 13:34:18
【问题描述】：

我是初学者。我正在尝试编写 JavaScript 代码以在 id 为 'result' 的 div 标签中显示消息“谢谢<customerName>。您的贷款金额为<loanAmount>”。

我试过这段代码：

<script>
        function display()
        {
            var name=document.getElementByName("customerName").value;
            var amount=document.getElementByName("loanAmount").value;
            
            
          document.getElementById("result").innerHTML="Thank you" +name+ "Your loan amount is 
          +amount;
           
        }
    </script>

我收到此错误：失败 1 - 检查 Javascript 代码或检查客户端 UI 要求

【问题讨论】：

标签： javascript html css forms css-selectors

【解决方案1】：

正确的语法是 document.getElementsByName 对于您需要使用的价值

var name = document.getElementsByName('customerName')[0].value //For value

下面的代码有效

document.getElementById("demo").addEventListener("click", function()
            {
            var name = document.getElementsByName('customerName')[0].value
            var amount=document.getElementsByName('loanAmount')[0].value;
            document.getElementById("result").innerHTML="Thank you" +name+ "Your loan amount is " +amount;
            });

Customer Name : <input type="text" name="customerName">

Loan Amount : <input type="number" name="loanAmount">
<input type="button" id="demo"  value="Click">
<p id="result"></p>

【讨论】：

【解决方案2】：

您忘记了结束引号。同样正如答案所提到的，您没有正确使用document.getElementsByName。

  function display()
  {
      var name = document.getElementsByName("customerName")[0].value;
      var amount = document.getElementsByName("loanAmount")[0].value;
    
      document.getElementById("result").innerHTML = "Thank you" +name+ "Your loan amount is" +amount;
  }

【讨论】：