55. HTML文字列でキーワードをハイライトする
シェアしよう
少し工夫が必要 - accepted / - tried
検索サジェストを実装ましょう。
キーワードを入力して、サジェストを表示するときに、どうやったらキーワードをハイライトすることができる?
この問題に置いては、highlightKeywords(html:string, keywords: string[])
を実装し、渡される文字列の中のキーワードを<em>
で囲んでください。
以下は例です。
highlightKeywords( 'Hello FrontEnd Lovers', ['Hello', 'Front', 'JavaScript'])// '<em>Hello</em> <em>Front</em>End Lovers'
最低限の<em>
を利用してください、被ることにご注意を。
highlightKeywords( 'Hello FrontEnd Lovers', ['Front', 'End', 'JavaScript'])// 'Hello <em>FrontEnd</em> Lovers'highlightKeywords( 'Hello FrontEnd Lovers', ['Front', 'FrontEnd', 'JavaScript'])// 'Hello <em>FrontEnd</em> Lovers'
スペースは対象外にしてください。