Test Vibration

by Admiral Potato

HTML

<button id="trigger">Test vibration?</button>
<p>
Conclusion: Android can, iOS can't. Supporting evidence: <a href="https://caniuse.com/mdn-api_navigator_vibrate" target="_blank">Can I Use browser table</a>
</p>

CSS

body {
	padding: 1rem;
	margin: 0;
	text-align: center;
	background-color: #333;
	font-family: monospace;
	color: #fff;
}
a {
	color: #f00;
}
#trigger {
	font-size: 2rem;
	color: #fff;
	background-color: #909;
	border-radius: 1rem;
	padding: 1rem;
}

JavaScript

const triggerElement = document.getElementById('trigger');
triggerElement.addEventListener('click', () => {
    navigator.vibrate([
        100, 30, 100, 30, 100, 30, 200, 30, 200, 30, 200, 30, 100, 30, 100, 30, 100,
    ]);
});