Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to look for a word in textbox in JavaScript
    primarykey
    data
    text
    <p>I am making a website simular to the app Google Now and I was wondering how to make JavaScript look for a certain word in a textbox. So for example if someone was to type "Show me the weather" into the textbox the JavaScript world see the keyword weather and it would show the me the weather. Here is my code:</p> <p>JavaScript:</p> <pre><code>function showAlert() { var txtCtrl = document.getElementById("textbox1"); var txtVal = txtCtrl.value; if (txtVal == '') { alert('Please fill in the text box. For a list of commands type "Help" into the text box.'); }else if (txtVal == 'Start' { alert('Hello. What would you like me to do?'); }else if (txtVal === 'Weather') { window.location = "https://www.google.com/#q=weather"; }else if (txtVal === 'Time') { alert('The current time according to your computer is' + formatTime(new Date())); }else if (txtVal === 'Help') { window.location = "help/index.html"; }else if (txtVal === 'Donate') { window.location = "donate/index.html"; }else if (txtVal === 'WWW.' ||) { }else{ alert('Sorry, I do not reconise that command. For a list of commands, type "Help" into the text box.'); } } //Show time in 24hour format function showTime(){ var today = new Date(); var h = today.getHours(); var m = today.getMinutes(); return [ h, m ].join(':') } //Show time in 12hour format var formatTime = (function () { function addZero(num) { return (num &gt;= 0 &amp;&amp; num &lt; 10) ? "0" + num : num + ""; } return function (dt) { var formatted = ''; if (dt) { var hours24 = dt.getHours(); var hours = ((hours24 + 11) % 12) + 1; formatted = [formatted, [addZero(hours), addZero(dt.getMinutes())].join(":"), hours24 &gt; 11 ? "PM" : "AM"].join(" "); } return formatted; } })(); </code></pre> <p>And the HTML:</p> <pre><code>&lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Random Project&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div class="container"&gt; &lt;img class="logo" src="logo.png" width="450" height="110" alt="Random Project"&gt; &lt;input type="text" name="textbox1" value="" spellcheck="false" dir="ltr" placeholder="Type here" id="textbox1"&gt;&lt;br&gt; &lt;button id="button1" name="button1" aria-label="Help me" onClick="showAlert();"&gt; &lt;span id="button1_text"&gt;Help me&lt;/span&gt; &lt;/button&gt; &lt;div class="separator"&gt;&lt;/div&gt; &lt;span class="information"&gt;&amp;copy; Copyright DemDevs 2013. All rights reserved. Made by Omar Latreche&lt;br&gt;&lt;a href="donate/index.html"&gt;Donate now&lt;/a&gt;&lt;/span&gt; &lt;div class="tip"&gt; &lt;span class="tip"&gt;Tip: &lt;/span&gt;&lt;span class="tip_text"&gt;The commands are NOT case sensitive&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=""&gt;&lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>Any help will be greatly appreciated.</p> <p>Thanks, Omar!</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload