Javascript 如果我输入;“你好”;在文本框中,如何通过按下按钮来显示警报?

Javascript 如果我输入;“你好”;在文本框中,如何通过按下按钮来显示警报?,javascript,css,html,button,input,Javascript,Css,Html,Button,Input,我想创建代码,这样当我在一个文本框中键入“hello”时,我可以按下下面的按钮,就会出现一个特定的警报弹出窗口。我还想在不同的单词中添加更多这些。我应该向我的代码中添加什么来实现这一点 <!DOCTYPE html> <html> <head> <title>thisThat</title> <style> body { background-color: #333333; } .in

我想创建代码,这样当我在一个文本框中键入“hello”时,我可以按下下面的按钮,就会出现一个特定的警报弹出窗口。我还想在不同的单词中添加更多这些。我应该向我的代码中添加什么来实现这一点

<!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>

这个
身体{
背景色:#333333;
}
.输入,.输出{
边界:0;
填充:8px;
字体大小:14px;
}
.产出{
背景色:#ff0000;
}
p{
字号:18px;
}
这个

如果

然后

那个
是的,您可以使用JavaScript来实现这一点。有一些很好的在线资源可以学习HTML、CSS和JavaScript:

旁注,不要使用
标记,它大约在1950年就被弃用了。你尝试过什么?在询问问题是如何解决的之前,你至少需要尝试解决你的问题。如果没有真正学会如何做,你就无法建立在掌握编码技巧所必需的基础之上。我确实尝试过几次,但我删除了这些。这是stackoverflow的一个解决方案,但不起作用。