Javascript const ddk=document.querySelector('ddk>input');不起作用?仅在控制台中显示null

Javascript const ddk=document.querySelector('ddk>input');不起作用?仅在控制台中显示null,javascript,html,converters,Javascript,Html,Converters,我正在尝试创建一个货币转换器,但querySelector为空,我不知道如何修复它 HTML: const ddk=document.querySelector'.ddk>input' 匹配id。和班级比赛 const ddk=document.querySelector'.ddk>input'; console.logddk; @CodeManiac null valuta.js:2我在console@Lasse您可能需要收听document.onload。 <html>

我正在尝试创建一个货币转换器,但querySelector为空,我不知道如何修复它

HTML:

const ddk=document.querySelector'.ddk>input'

匹配id。和班级比赛

const ddk=document.querySelector'.ddk>input'; console.logddk;
@CodeManiac null valuta.js:2我在console@Lasse您可能需要收听document.onload。
<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>
const ddk = document.querySelector('#ddk > input');
const usd = document.querySelector('#usd > input');
const eur = document.querySelector('#eur > input');

console.log(ddk);