JSFiddle - React, Tailwind, and code Playground

by louisbros

HTML

<a href="https://www.example.co.uk/gp/wine/product?ie=UTF8&asin=ASDFGS888LZ08&tab=UK_Default" class="PrmryBtnMed">1</a>
<a href="https://www.example.co.uk/gp/wine/product?ie=UTF8&amp;asin=785469257&amp;tab=UK_Default" class="PrmryBtnMed">2</a>
<a href="https://www.example.co.uk/gp/wine/product?ie=UTF8&asin=Z0256P5WE&tab=UK_Default" class="PrmryBtnMed">3</a>
<a href="https://www.example.co.uk/gp/wine/product?ie=UTF8&amp;asin=754683548&amp;tab=UK_Default" class="PrmryBtnMed">4</a>

JavaScript

// the new base url
var base = ' https://www.example.co.uk/gp/wine/order?ie=UTF8&asin=';
// all the links with className 'PrmryBtnMed'
var links  = document.getElementsByTagName('a');

for(var i = 0;i < links.length;i++){
    // check each link for the 'asin' value
    var result = /asin=([\d\w]+)/.exec(links[i].getAttribute('href'));
    if(result){
        // make a new url using the 'base' and the 'asin' value
        links[i].setAttribute('href', base+result[1]);
    }
}