Javascript-форум - Регулярные выражения

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Регулярные выражения (https://javascript.ru/forum/misc/82379-regulyarnye-vyrazheniya.html)

Регулярные выражения

Мне нужно выделить
abba и abea другим цветом, но я пока просто заменил на "!", помогите пожалуйста

<!DOCTYPE html>
<html>
<head>
	<title></title>
	 <script src="js.js"></script>
</head>
<body>
	<div id="reg"> aba aca aea abba adca abea </div>
	<input type="button" onclick= "regg()" value="Найти"/>
	<p id="result"></p>
</body>
</html>

function regg() {
	var s = document.getElementById('reg').innerHTML;
	var r = /ab.a/g;
	var otv = s.replace(r, '!');
	document.getElementById('result').innerHTML = otv;
	document.getElementById('result').style.color = 'red';
}

h1ma,

<!DOCTYPE html>
<html>
<head>
    <title></title>
<style type="text/css">
#result span{
    color: red;
}

</style>
     <script>
function regg() {
	var s = document.getElementById('reg').innerHTML;
	var r = /ab.a/g;
	var otv = s.replace(r, a => `<span>${a}</span>`);
	document.getElementById('result').innerHTML = otv;
}
</script>
</head>
<body>   <span></span>
    <div id="reg"> aba aca aea abba adca abea </div>
    <input type="button" onclick= "regg()" value="Найти"/>
    <p id="result"></p>
</body>
</html>

Или так...

var r = /(ab.a)/g;
var otv = s.replace(r, '<span>$1</span>');