Question

I am trying to recreate the google main page however my problem is with the I am feeling lucky button when I press the I am feeling lucky button the function luck() is not being recognized.

错误:

Uncaught TypeError Type错误: luck is not a function

我的法典:

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Search</title>
        <link rel="stylesheet" href="style.css">
        <script type="text/javascript" src="combinados.js"></script>
        <script type="text/javascript">
            function luck() {
                var query = document.querySelector(".search").value;
                window.location.href = "https://www.google.com/search?q=" + encodeURIComponent(query) + "&btnI";
            };
         </script>

    </head>
    <body >
        <form class="bar" action="https://www.google.com/search">
            <input class="search" type="text" name="q">
            <input id ="search" type="submit" value="Google Search">
            <input id ="luck" type="button" value="I am feeling lucky" onclick="luck()">
            
        </form>
        <ul id="links">
            <li><a href="imagesearch.html">Image Search </a></li>
            <br>
            <li><a href="advancedsearch.html">Advanced Search </a></li>
        </ul>
    </body>
</html>

Why doesn t this code work?

Answer 1

在你的法典中,你有<条码>和>;投入和>;和功能名称相同。因此,当 but子被点击时,浏览器试图执行<条码>luck()功能,但有一个与<条码>luck<>/代码”相近的超文本元素,造成混乱。

为了确定这一点,你可以更改你的职能名称或<input>。

这方面的一个例子是,我将职能名称改为feelingLucky()。

<input id="luck" type="button" value="I am feeling lucky" onclick="feelingLucky()">

function feelingLucky() {
    var query = document.querySelector(".search").value;
    window.location.href = "https://www.google.com/search?q=" + encodeURIComponent(query) + "&btnI";
};

友情链接