Question

我是javascript编程的新手，所以我希望这是一个简单的问题...我希望我的网页允许用户在两个单独的字段中输入音乐曲目名称和艺术家，一旦你点击'go' javascript将运行并将输入解析为字符串。为了测试，我试图查看是否正在使用这些输入，并且我已经尝试将它们打印到控制台，但是没有任何内容被打印到控制台。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Spotify</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<main class="main-container">

    <div class="header">
    <p>TrackSelector</p>
    </div>
    <section>
        <div class="form">
        <form action="">
    <input type="textt" class="track" placeholder="Enter track..." />
    <input type="texta" class="artist" placeholder="Enter artist..." />   
    <button type="button" class="submit-btn">GO</button>
            </form>
            </div>
    </section>

</main>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="script.js"></script>
</body>
</html>

Javascript文件：

const app = {};

//Allow the user to enter names

app.events = function() {
    $('form').on('button', function(e){
        e.preventDefault();
        let tracks = $('input[type=textt]').val();
        let artists = $('input[type=texta]').val();
        console.log(tracks);
        console.log(artists);
    });
};

//

//

app.init = function(){
    app.events();

};

$(app.init);

我相信我已指定接受正确的输入并指定正确的按钮参考，已经玩过尝试其他方法，但我仍然很卡住...任何想法？

Answer 1

替换

$('form').on('button', function(e){

与

$('form .submit-btn').on('click', function(e){

jQuery .on()期望事件名称作为其第一个参数。

Answer 2

没有输入类型texta和<input id="my_track" type="text">。只有预定义的类型，如文本，电子邮件，密码，复选框等...所以make type＆＃34; text＆＃34;在输入和参考中使用id：$('#my_track').val();。然后在javascript中获取值$('form').on('submit', func)来处理提交使用{{1}}

如何让javascript将文本输入打印到控制台

2 个答案: