Псевдоэлемент :focus-within
позволяет выбрать родителя, если у потомка есть фокус.
Элемент может быть сфокусирован, если он имеет атрибут tabindex
.
Поддержка браузера для фокуса внутри
Пример
.click {
cursor: pointer;
}
.color:focus-within .change {
color: red;
}
.color:focus-within p {
outline: 0;
}
I will change color
Click me
Объекты в JavaScript не сохраняют порядок встречи, для сохранения порядка вставки ключей используйте новый объект Map :
function wordCount(str) {
tempStr = str.toUpperCase();
arr1 = tempStr.split(" ");
let frequencyConter1 = new Map();
for (let val of arr1 ){
frequencyConter1.set(val, ((frequencyConter1.get(val) || 0) + 1) );
}
for( let [key, value] of frequencyConter1){
console.log(`${key} ${value}`);
}
}
wordCount("My name is Xyz 1991 He is Abc Is he allright")
Примечание : Как упомянуто @Kaiido, из ES2015 для приходов в некоторых случаях на ключи наложен порядок. объект. Порядок является целочисленным, как ключи в возрастающем порядке, обычные ключи в порядке вставки и символы в порядке вставки, но он не распространяется на все методы итерации.