JavaScript-提示用户键入字符/字符串，并告诉输入是否在给定的字符串堆栈溢出中

顺晟科技

2022-10-19 11:54:16

228

我需要创建两个函数，请求用户键入字符和字符串。输入与给定字符串匹配。

然后告诉用户，如果在默认给定字符串中找到输入字符/字符串。

到目前为止，我已经创建了获取用户输入的基础知识，但找不到任何实现javascript函数的方法。如有任何帮助，将不胜感激。

到目前为止，这是我的代码。.！

顺晟科技：

我想你把参数倒过来了。您应该使用text.indexof.

而不是char.indexof

https://developer.mozilla.org/en-us/docs/web/javascript/reference/global_objects/string/indexof

在javascript中，可以将innerhtml替换为value属性，以访问用户输入，然后匹配该字符。您还在字符上调用indexOf，但必须在您创建的text变量上调用它。

<html lang="en"> 
    <head> 
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width shrink-to-fit=no initial-scale=1">
        <title>Web Programming is fun!</title>

        <link rel="stylesheet"
            href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
            integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l"
            crossorigin="anonymous"
        >
        <style>
            p{display: inline;}
        </style>
    </head>
    <body>
        <div class="container">
            <h1>Web Programming is Fun!</h1>
            <br>
            <p>Lets use the above heading string to demonstrate inbuilt methods.</p>
           
            <label for="inputCharacter">Please type a character: </label>
            <input type="text" id="inputCharacter">
            <button onclick="matchCharacter()">Match Character</button>
            <p id="character"></p>

            <br>

            <label for="inputString">Please type a string: </label>
            <input type="text" id="inputString">
            <button onclick="matchString()">Match String</button>
            <p id="string"></p>
          
            <script>
                let text ="Web programming is fun!";
                function matchCharacter()
                {
                    var char=document.getElementById("inputCharacer").innerHTML;

                    if(char.indexOf(text) )
                    {
                       alert("Your Character is found in the string!")
                    }
                }

                function matchSring()
                {
                    
                }
            </script>
        </div>
        <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
         integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
         crossorigin="anonymous">
        </script>
        <script
         src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"
         integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns"
         crossorigin="anonymous">
        </script>
    </body>
        
</html>

上一篇：JavaScript-试图找出我的r 下一篇：JavaScript-让两个重叠的d

网站建设

Html

JavaScript-提示用户键入字符/字符串，并告诉输入是否在给定的字符串堆栈溢出中