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

Question

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

1

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

    <!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, так что может кто-нибудь мне помочь?

NutKac 28 окт. 2018, в 14:24

Источник

1

У вас нет элемента с идентификатором "bedrag". У вас есть <input> с именем "bedrag", но атрибуты name и id различны.
Pointy 28 окт. 2018, в 13:04
0

Также document.write() - неправильный способ показать результаты. Вызов document.write() после загрузки страницы полностью перезапишет весь DOM.
Pointy 28 окт. 2018, в 13:05
0

Примечание: теги <input> и <meta> не используют закрывающую косую черту и никогда не используют.
Rob 28 окт. 2018, в 13:12

Показать ещё 1 комментарий

Теги:

javascript

currency

converters

3 ответа

0

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

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

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

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

Edward Chew 28 окт. 2018, в 10:33

0

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

<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>

Xixis 28 окт. 2018, в 10:33

Ещё вопросы

У вас нет элемента с идентификатором "bedrag". У вас есть <input> с именем "bedrag", но атрибуты name и id различны.
Также document.write() - неправильный способ показать результаты. Вызов document.write() после загрузки страницы полностью перезапишет весь DOM.
Примечание: теги <input> и <meta> не используют закрывающую косую черту и никогда не используют.

Ankush Sharma · Accepted Answer · 2018-10-28T10-25-00.000Z

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

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>

Добро пожаловать, рад, что это помогает вам.