aide en javascript

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
adamss
Messages : 1
Enregistré le : 02 nov. 2021, 13:49

aide en javascript

Message par adamss » 02 nov. 2021, 13:57

bonjour

j'aimerais avoir de l'aide sur mon programme s'il vous plais

l'idée et que l'utilisateur entre un code postal et partir du code postal je lui renvoie un message par exemple s'il entre le code postal "26110" qui correspond à ROCHEBRUNE je dois lui afficher le message suivant "votre département et Drôme vous pouvez nous joindre aux 123456789" mais au cas où il entre"09240" qui correspondent à MONTELS je dois lui afficher le message suivant "votre département et Ariège désolé nous ne sommes pas accessibles dans votre département"

le code en elle-même n'a pas de problème le problème et qu'ou je dois ajouter cette condition

/*js search*/
// getting all required elements
const searchWrapper = document.querySelector(".search-input");
const inputBox = searchWrapper.querySelector("input");
const suggBox = searchWrapper.querySelector(".autocom-box");
const icon = searchWrapper.querySelector(".icon");
let linkTag = searchWrapper.querySelector("a");
let webLink;

// if user press any key and release
inputBox.onkeyup = (e)=>{
let userData = e.target.value; //user enetered data
let emptyArray = [];
if(userData){
icon.onclick = ()=>{
webLink = `https://www.google.com/search?q=${userData}`;
linkTag.setAttribute("href", webLink);
linkTag.click();
}
emptyArray = suggestions.filter((data)=>{
//filtering array value and user characters to lowercase and return only those words which are start with user enetered chars
return data.toLocaleLowerCase().startsWith(userData.toLocaleLowerCase());
});
emptyArray = emptyArray.map((data)=>{
// passing return data inside li tag
return data = `<li>${data}</li>`;
});
searchWrapper.classList.add("active"); //show autocomplete box
showSuggestions(emptyArray);
let allList = suggBox.querySelectorAll("li");
for (let i = 0; i < allList.length; i++) {
//adding onclick attribute in all li tag
allList.setAttribute("onclick", "select(this)");
}
}else{
searchWrapper.classList.remove("active"); //hide autocomplete box
}
}

function select(element){
let selectData = element.textContent;
inputBox.value = selectData;

icon.onclick = ()=>{
var a= confirm("votre département et Drôme vous pouvez nous joindre aux 123456789. cliquer 'OK' ou cliquer 'Cancel' ");
/*webLink = `https://www.google.com/search?q=${selectData}`;
linkTag.setAttribute("href", webLink);
linkTag.click();*/

if (a){
webLink = `https://www.wikipedia.org/`;
linkTag.setAttribute("href", webLink);
linkTag.click();

}else{
webLink = `https://colorlib.com/etc/404/colorlib-error-404-11/`;
linkTag.setAttribute("href", webLink);
linkTag.click();

}


}
searchWrapper.classList.remove("active");
}

function showSuggestions(list){
let listData;
if(!list.length){
userValue = inputBox.value;
listData = `<li>${userValue}</li>`;
}else{
listData = list.join('');
}
suggBox.innerHTML = listData;
}


/*fin*/
/*sugestion pour recherche*/
let suggestions = [

"01000 - BOURG EN BRESSE " ,
"01000 - ST DENIS LES BOURG " ,
"01090 - FRANCHELEINS " ,
"01090 - GENOUILLEUX " ,
"01090 - GUEREINS " ,
"31410 - MAUZAC " ,
"31410 - MONTAUT " ,
"31410 - MONTGAZIN " ,
"31410 - NOE " ,
"31410 - ST HILAIRE " ,
"31410 - ST SULPICE SUR LEZE " ,
"31420 - ALAN " ,
"31420 - AULON " ,
"31420 - AURIGNAC " ,
"31420 - BACHAS " ,
]



merci

Répondre