首页 > 解决方案 > 当我想从输入框中获取值时,我得到未定义的结果

问题描述

我想从 html 代码中的输入中获取值并对其进行编辑,然后将其放入 div 中,但我没有定义。

HTML

<input type="text" id='doller'>
<button onclick="convertUsdToRiyal()">convert usd to Riyal</button>
<div id="result"></div>
<script src="js1.js"></script>

JS

function convertUsdToRiyal() {
    'use strict';
    var amount = document.getElementById('doller').Value,
        result = 3.75 * amount,
        massage = document.getElementById('result');
    massage.innerHTML = amount;**//here i get undefined**
}

标签: javascripthtml

解决方案


document.getElementById('doller').Value应改为document.getElementById('doller').value. Value应该是小写。

/*global console*/
function convertUsdToRiyal() {
    var amount = document.getElementById('doller').value,
        result = 3.75 * amount,
        massage = document.getElementById('result');
    console.log(amount);
    massage.innerHTML = result;
}
<input type="text" id='doller'>
<button  onclick="convertUsdToRiyal()">convert usd to Riyal</button>
<div id ="result"></div>


推荐阅读