Форум

h1ma · #1 (**permalink**) 27.04.2021, 18:09

Мне нужно выделить
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';
}

рони · #2 (**permalink**) 27.04.2021, 18:21

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>

ksa · #3 (**permalink**) 27.04.2021, 21:52

Или так...

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

Форум

Справочник

Discord чат

Курсы javascript