Creating a dynamic hyperlink that opens in a specific browser-CodePudding

< div class="last-call-number ng-binding ng-scope" ng-if="lastCall.number.length != 10 && lastCall.number.length != 11"> 12345678910

I want to modify this into a dynamic href link. I need to take the phone number which appears to be stored in the javascript as last-call-number and put it at the end of a url minus the 1 to look something like:

< a href="microsoft-edge:" rel="nofollow noreferrer">http://myurl.com/2345678910">

CodePudding user response：

You can do this

If u have an input

const anchor = document.getElementById("anchorID");
const input = document.getElementById("inputID");

input.addEventListener('change', (e) => {
    anchor.setAttribute('href', `microsoft-edge:http://myurl.com/ 1${e.target.value}`);
});

Else

    const anchor = document.getElementById("anchorID");
    const span = document.getElementById("ID");
    
    anchor.setAttribute('href', `microsoft-edge:http://myurl.com/ 1${span.innerHTML}`);

CodePudding user response：

You can use template literals like this:

let last_call_number = ' 12345678910'
// Splitting the string depends on the use case. You can also capture the last 10 digits of the number.
let number = last_call_number.split(' 1')[1]

let url = `microsoft-edge:http://myurl.com/${number}`
console.log('URL:', url)