JSFiddle - React, Tailwind, and code Playground
HTML
<div id="res"></div>
<script type="text/javascript">
var res = document.getElementById('res'),
re = @
str = 'abc@DataOwerner_A',
m = str.match(re);
res.innerHTML = 'x = ' + m[1] + ' and y = ' + m[2];
</script>