Как добавить слово в адресную строку при нажатии на кнопку?

Question

[Анастасия]

Ребята, такой вопрос - как при нажатии на кнопку добавить в адресную строку слово.
Например есть адрес mysite.com/about, и при нажатии на кнопку нужно вставить слово таким способом mysite.com/EN/about и что самое главное сразу перейти к новой страницы с новым адресом

Answer 1

[Kataev]

window.location.href = window.location.origin + "/EN/" + window.location.pathname;

Comments

[Анастасия]

Супер) спасибо
А еще такой вопрос - а если, например, пользователь первый раз нажмет на эту кнопку - добавится "EN", а потом второй раз нажмет оно снова добавиться. Как этого избежать?
И второй вопрос - как при нажатии на другую кнопку, удалить /EN/.

[Kataev]

Анастасия, вариантов решения Ваших вопросов достаточно много и выбор одного из них зависит от дизайна, структуры приложения, Ваших личных убеждений и субъективного мнения.
1) Просто убрать/дизейблить кнопку при клике.
2) Создать состояние, которое отслеживает статус кнопки и по которому выпоняются или не выполняет те или иные функции.
3) Проверять наличие символов в строке регулярными выражениями и в результате выполнять ту или иную функцию.
4) Копировать 4
(или иное из число) первых символа из pathname и проверять их на условия (не всегда подойдёт)

Для удаления нужно получить let str = window.location.pathname, создать на её основе новую строку в любой переменной, например newStr без первых 4х символов и потом window.location.href = window.location.origin + str;

И ещё очень много разных вариантов.

Answer 2

[ThunderCat]

window.location.href + replace()