ユーザーがページを閲覧するデバイスに応じて、正しいボタンとリンクを表示しようとしています。android が android app store ボタンを表示する場合、ios が apple store ボタンを表示する場合。
AndroidボタンからAppleボタンにスワップするように関数のデフォルトを作成しているにもかかわらず、まったくスワップできないようです。
コードは次のとおりです。
<html>
<head>
<script type="text/javascript">
var uagent = navigator.userAgent.toLowerCase();
var apple = "/images/ios.jpg";
var android = "/images/android.jpg"
function DetectDevice() {
var but = document.getElementById("AppButton");
if(useragent.search("iphone") || useragent.search("ipod") || useragent.search("ipad")) {
toswap.src = apple;
alert("apple");
} else if(useragent.search("android")) {
toswap.src = android;
alert("android");
}
but.src = apple;
}
DetectDevice();
</script>
<title>Device Detection</title>
</head>
<div id="butttons">
<img src="images/android.jpg" name = "AppButton" id="AppButton"/>
</div>