Question

对于学校，我需要创建一个货币转换器。

    <!DOCTYPE html>
    <html lang="nl">
    <head>
    <meta charset="utf-8" />
    <title>Lab 10</title>
    <script src="lab10script.js"></script>
    </head>
    <body>
    <form name="form">
    <input type="text" name="bedrag" placeholder="Vul bedrag in" />
    <select id="list">
        <option>dollar/euro</option>
        <option>euro/dollar</option>
        <option>ruble/euro</option>
        <option>euro/ruble</option>
    </select>
    <<button type="button" onclick="myFunction()">Exchange</button>
</form>
</body>
</html>


function myFunction() {
var bedrag = document.getElementById("bedrag");
var x = document.getElementById("list").selectedIndex;
if (x == 0) { return (document.write("<br>test" + bedrag)); }
else { return (document.write("<br>test" + bedrag)); }
}

我的问题是当我输入8之类的数字时，它表示“ null”，我正在学习JavaScript，所以有人可以帮助我吗？

Answer 1

<input type="text" name="bedrag" placeholder="Vul bedrag in" />

更改为此行，然后重试：

<input type="text" id="bedrag" placeholder="Vul bedrag in" />

您可以使用console.log（bedrag）查看是否正确捕获了该值。

Answer 2

在脚本中使用此行，

client.on('start', function() {  
        console.log('start');
});

而不是

var bedrag = document.getElementById("bedrag").value;

并在var bedrag = document.getElementById("bedrag");中添加id="bedrag"，因为您要通过ID访问元素

input

function myFunction() {
  var bedrag = document.getElementById("bedrag").value;
  var x = document.getElementById("list").selectedIndex;
  if (x == 0) { return (document.write("<br>test" + bedrag)); }
  else { return (document.write("<br>test" + bedrag)); }
}

Answer 3

将输入的name属性替换为

中的id

<input type="text" name="bedrag" placeholder="Vul bedrag in" />

应该成为

<input type="text" id="bedrag" placeholder="Vul bedrag in" />

我不确定，但是从问题和代码看来，您似乎只是在尝试显示输入的值。在这种情况下，请尝试以下代码：

<!DOCTYPE html>
<html lang="nl">
    <head>
        <meta charset="utf-8" />
        <title>Lab 10</title>
        <script src="lab10script.js"></script>
    </head>
    <body>
        <form name="form">
            <input type="text" id="bedrag" placeholder="Vul bedrag in" />
            <select id="list">
                <option>dollar/euro</option>
                <option>euro/dollar</option>
                <option>ruble/euro</option>
                <option>euro/ruble</option>
            </select>
            <button type="button" onclick="myFunction()">Exchange</button>
        </form>
        <script>
            function myFunction() {
                var bedrag = document.getElementById("bedrag").value;
                var x = document.getElementById("list").selectedIndex;
                if (x == 0) { 
                    //log the value to console and verify the value
                    console.log("<br>test" + bedrag); 
                }
                else { 
                    console.log("<br>test" + bedrag); 
                }
            }
        </script>
    </body>
</html>

Answer 4

<input type="text" name="bedrag" placeholder="Vul bedrag in" />

更改为此行，然后重试：

<input type="text" id="bedrag" placeholder="Vul bedrag in" />

Javascript如何获取输入

4 个答案: