Javascript как получить вход - PullRequest
Новая
       7

Javascript как получить вход

0 голосов
/ 28 октября 2018

Для школы мне нужно сделать конвертер валют. 

    <!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, оно говорит «ноль», я изучаю JavaScript, так что любой может мне помочь

Ответы [ 4 ]

0 голосов
/ 13 ноября 2018 
<input type="text" name="bedrag" placeholder="Vul bedrag in" />

Перейдите к этой строке и повторите попытку: 

<input type="text" id="bedrag" placeholder="Vul bedrag in" />
0 голосов
/ 28 октября 2018

используйте эту строку в скрипте, 

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

вместо 

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

и добавьте id="bedrag" в input, потому что вы обращаетесь к элементу по id 

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)); }
}
<!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" 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>
  </body>
</html>
0 голосов
/ 28 октября 2018

Замените атрибут имени на входе идентификатором, как в 

<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>
0 голосов
/ 28 октября 2018 
<input type="text" name="bedrag" placeholder="Vul bedrag in" />

Перейдите к этой строке и повторите попытку: 

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

Вы можете использовать console.log (bedrag), чтобы проверить, правильно ли зафиксировано значение.

...