Skip to content

Instantly share code, notes, and snippets.

View wibawasuyadnya's full-sized avatar
🌱
Planting

Suyadnya wibawasuyadnya

🌱
Planting
  • PT Barrington Charles Rose Ltd
  • Bali, Indonesia
  • Instagram thtnerdkidz
View GitHub Profile
@wibawasuyadnya
wibawasuyadnya / voiceSpeech.js
Created September 4, 2022 12:52
Text Speech with JavaScript
let msg = new SpeechSynthesisUtterance();
let voices = speechSynthesis.getVoices();
msg.voice = voices[0];
let tags = document.querySelectorAll('p,a,h1,h2,h3'); // add more tags for you project
tags.forEach((tag) => {
tag.addEventListener('click', (e) => {
msg.text = e.target.innerText;
tag.style.backgroundColor = "yellow";
speechSynthesis.speak(msg);
//in page search filter with callback if no result found//
jQuery(document).ready(function($){
var $search = $("#inpsearch-bar").on('input',function(){
var matcher = new RegExp($(this).val(), 'gi');
$('.filter-box').show().not(function(){
return matcher.test($(this).find('.name').text())
}).hide();
if($('.filter-box:visible').length===0){
$('.noresult').show();
} else {
//list of RegExp
/* Pattern for Matching Search Filter */
var pattern1 = /^[\w\s\-]*$/;
var pattern2 = /^[\a-Z\w\’£\s]*$/;
var pattern3 = /^[\a-Z\w\'’£\s]*$/; /* Uncaught range change to */ /^[\a-zA\w\-\’£®™\s]*$/
var pattern4 = /^[\a-Z\w\’£®™\s]*$/;
var pattern5 = /^[\w\-\.+,;:='’£%™®\s]*$/; //Used and best approach for custom alphanumerical