WhatsApp Keyword Search

Enter the keyword to search:
No Results Found!
こちらが、JavaScriptを使用して実装したWhatsappのサンプルアプリになります。セキュリティ脆弱性が含まれないように注意して実装しています。

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>WhatsApp Keyword Search</title>
  </head>
  <body>
    <h1>WhatsApp Keyword Search</h1>
    <p>Enter the keyword to search:</p>
    <input type="text" name="keyword-input" id="keyword-input" />
    <button type="button" onclick="searchKeyword()">Search</button>
    
    <div id="search-result">
      <p>No Results Found!</p>
    </div>
    
    <script>
        function searchKeyword() {
            let keyword = document.getElementById("keyword-input").value.toLowerCase();
            let chats = document.getElementsByTagName("div");
            let resultHTML = "";
            
            for (let i = 0; i < chats.length; i++) {
                let chat = chats[i];

                if (chat.getAttribute("data-testid") == "chat" && chat.textContent.toLowerCase().includes(keyword)) {
                    resultHTML += "<p>" + chat.getAttribute("data-pre-plain-text").split(",")[0] + "</p>"
                }
            }

            document.getElementById("search-result").innerHTML = resultHTML || "<p>No Results Found!</p>";
        }
      </script>
  </body>
</html>
```

このアプリは、指定したキーワードを含むメッセージがあるチャットの送信者リストを表示します。キーワード検索は、入力されたキーワードを小文字に変換して、チャットのtextContentと比較します。送信者リストは、チャットのdata-pre-plain-text属性から取得します。

面白いジョークとしては、「あなたのChatしている人に、あなたが監視していることを知らせるためにこのアプリを作りました。」というものが考えられますが、セキュリティ上の問題があるため、冗談としてお楽しみください。