Level 75
Oxbir, use this package and do it directly in blade.
Dec 8, 2022
6
Level 10
How to add href in javascript?
I have two links mobile_numbe and site. When the user opens the site with a mobile phone, the link should change to the mobile number. When opened on a desktop, the link should be converted into a link address.
blade
<a id="contact" class="btn bg-red rounded-pill text-white btn-lg">Contact</a>
js
<script>
let contact = href="tel:{{ $setting[0]->link ?? null }}";
let link = href="https://example.com";
let details = navigator.userAgent;
let regexp = /android|iphone|kindle|ipad/i;
let isMobileDevice = regexp.test(details);
if (isMobileDevice) {
document.getElementById("contact").innerHTML = contact;
} else {
document.getElementById("contact").innerHTML = link;
}
//
</script>
Level 10
@MichalOravec I want to use javascript
Level 75
Level 3
Hi @net ,
You can set an "attribute" on a html element using the "setAttribute" method.
https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute
const $contact = document.getElementById("contact");
if($contact) {
$contact.setAttribute('href', isMobileDevice ? contact : link);
}
Level 1
element.setAttribute("class", "democlass");
Level 80
@andreigirnet Not really an answer to the actual question, is it?
Please or to participate in this conversation.