Есть условная верстка
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2 contenteditable="ture">Печенеги</h2>
<p contenteditable="true">Практически все первые князья Днепровской Руси вынуждены были защищать границы государства от набегов степняков, первыми в ряду этих врагов стояли печенеги, на совесть которых летопись отнесла смерть князя Святослава. </p>
<p contenteditable ="true">Отвоевав с Византией за Болгарию, которую этот <b>князь </b>желал присоединить к своему государству, и заключив после неудачного сражения мирный договор с греками, Святослав был убит печенегами по дороге домой, а из его черепа, как повествует летопись, степняки сделали чашу для вина.</p>
</body>
</html>
Мне нужно по клику на ключевое слово в параграфе (допустим - "князь") выводить его в консоль и через replace заменять на любое другое условное слово. Как можно реализовать это на чистом JS?
