Home/ Questions/Q 8628047
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T08:26:10+00:00

I have some code here: <html> <script type=text/javascript> document.getElementById(‘myElement’).onclick = function () { var

  • 0

I have some code here:

<html>
<script type="text/javascript">
    document.getElementById('myElement').onclick = function () 
    {
        var searchterm = document.getElementById('bereich').value;
        document.href("http://www.google.com/serach?q=" + searchterm);
    }
</script>
<body>
<center>
    <img src="https://www.google.de/images/srpr/logo3w.png"><br>
    <input type="text" name="q"> &nbsp; <input type="button" value="Search" onclick="startSearch()">
</center>

which does not work. I know this is such a noob stuff at all, but I don´t know javascript. Can anyone help me please?

Addition:

I also tried:

<html>
<body>
<center>
<img src="https://www.google.de/images/srpr/logo3w.png"><br>
<input type="text" name="q"> &nbsp; <input type="button" value="Search" onclick="startSearch()">
</center>
<script type="text/javascript">
     window.onload = function(){
document.getElementById('myElement').onclick = function () 
{
    var searchterm = document.getElementById('bereich').value;
    document.href = "http://www.google.com/serach?q=" + searchterm;
}
     };

and:

<html>
<body>
<center>
<img src="https://www.google.de/images/srpr/logo3w.png"><br>
<input type="text" name="q"> &nbsp; <input type="button" value="Search" name="searchButton" onclick="startSearch()">
</center>
<script type="text/javascript">
function triggerGoogleSearch() 
{
var searchterm = document.getElementById('bereich').value;
document.href("http://www.google.com/serach?q=" + searchterm);
}   

document.getElementById('searchButton').onclick = triggerGoogleSearch();
</script>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Change this:

    document.getElementById('myElement').onclick = function ()

    to this:

    function startSearch ()

    and change this:

    document.href("http://www.google.com/serach?q=" + searchterm);

    to this:

    window.location.href = "http://www.google.com/serach?q=" + searchterm;

    And also add id="bereich" to your <input type="text" name="q"> like this:

    <input type="text" name="q" id="bereich">

    if you want to find it by getElementById.

    Also, change the url from:

    http://www.google.com/serach

    to this:

    http://www.google.com/search

    UPDATE:

    Actually never mind all of those corrections and forget about JavaScript!

    Just make a simple HTML form:

    <img src="https://www.google.de/images/srpr/logo3w.png"><br>
<form action="http://www.google.com/search" method="get">
<input type="text" name="q">
<input type="submit" value="Search">
</form>

    See THIS DEMO.

    I think that we were all trying to fix your code and completely missed a much simpler solution. 🙂

    • 0