const ddk = document.querySelector ('# ddk> input');не работает?просто показывает ноль в консоли - PullRequest
Новая
       13

const ddk = document.querySelector ('# ddk> input');не работает?просто показывает ноль в консоли

0 голосов
/ 16 марта 2019

Я пытаюсь сделать конвертер валют, но querySelector пуст, я не знаю, как это исправить.

HTML: 

<html>
    <head>
        <meta charset="utf-8">
        <script type="text/javascript" src="valuta.js"></script>
        <link rel="stylesheet" type="text/css" href="valuta.css">
    </head>
    <body>
        <div class="ddk">
            <input type="number" placeholder="DDK">
        </div>  

        <div id="usd">
            <input type="number" placeholder="DDK">
        </div>  

        <div id="eur">
            <input type="number" placeholder="DDK">
        </div>

    </body>
</html>

JS: 

const ddk = document.querySelector('#ddk > input');
const usd = document.querySelector('#usd > input');
const eur = document.querySelector('#eur > input');

console.log(ddk);

1 Ответ

1 голос
/ 16 марта 2019

const ddk = document.querySelector('.ddk > input');

# соответствует идентификатору, . соответствует классу. 

const ddk = document.querySelector('.ddk > input');
console.log(ddk);
<html>
    <head>
        <meta charset="utf-8">
        <script type="text/javascript" src="valuta.js"></script>
        <link rel="stylesheet" type="text/css" href="valuta.css">
    </head>
    <body>
        <div class="ddk">
            <input type="number" placeholder="DDK">
        </div>  

        <div id="usd">
            <input type="number" placeholder="DDK">
        </div>  

        <div id="eur">
            <input type="number" placeholder="DDK">
        </div>

    </body>
</html>
...