If I type "hello" into a text box, how can I make an alert appear by pressing a button?
Question
I would like to create code to make it so when I type "hello" into a text box I can press the button below and a certain alert pop-up will appear. I also want to add more of these to different words as well. What should I add to my code to make this work?
<!DOCTYPE html>
<html>
<head>
<title>thisThat</title>
<style>
body {
background-color: #333333;
}
.input, .output {
border: 0;
padding: 8px;
font-size: 14px;
}
.output {
background-color: #ff0000;
}
p {
font-size: 18px;
}
</style>
</head>
<body>
<center><h3>thisThat</h3></center>
<center><p>
If
</p></center>
<center><input placeholder="this..." class="input"></center>
<center><p>then</p></center>
<center><button class="output">that...</button></center>
</body>
</html>
1 answers
solution1
1 2014-04-06 17:32:54
Yes, you do that with JavaScript. There are some great online resources for learning HTML, CSS and JavaScript: https://www.codeschool.com/ http://pluralsight.com/ http://teamtreehouse.com/
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How can I make certain fetch data appear after pressing a button. Using JavaScript and HTML
How can I make the text invisible when hovering over a tex and pressing the mouse button?
How can I make a form inputs disabled by pressing a radio button?
As I can do Bootstrap alert, pressing a button to change language
How can I make a modal box appear over the entire Page
how can i add head text in javascript alert dialog box
Make text appear in an input as I click on a button
How to make the current time appear in an alert box
how can i make on alert button in react-native?
How can I make the “back button” appear, for a subview?
Related Tags