Sanvi

Почему у введенного числа в input тип данных(typeof) -string?

Так проще, т.к. неизвестно, что именно прилетит из input, а тут по умолчанию - string, а дальше Ваши проблемы.

TypeError: string indices must be integers, not 'str'

Не стоит использовать строку как индекс списка.

{
  "data": {
    "teamStanding": [
      {
        "id": "team_1",
        "score": 103,
        "players": [
          {
            "user": {
              "name": "player_1",
              "id": "player_1"
            },
            "score": 35
          },
          {
            "user": {
              "name": "player_2",
              "id": "player_2"
            },
            "score": 30
          }
          // и так далее...
        ]
      },
      // Другие команды...
    ]
  }
}

import json

path = 'test.json'

with open(path, 'r') as file:
    data = json.load(file)

for team in data["data"]["teamStanding"]:
    if team["id"] == "team_1":
        for player in team["players"]:
            print(player["user"]["name"], player["score"])

Пишу на React

Какой интересный язык.

const [imageUrls, setImageUrls] = useState([]);

async function readAsDataURL(image) {
    return new Promise((resolve, reject) => {
        const reader = new FileReader();
        reader.onload = () => resolve(reader.result);
        reader.onerror = reject;
        reader.readAsDataURL(image);
    });
}

useEffect(() => {
    (async () => {
        try {
            const urlPromises = selectedImages.map(readAsDataURL);
            const urls = await Promise.all(urlPromises);
            setImageUrls(urls);
        } catch (error) {
            console.error(error);
        }
    })();
}, [selectedImages]);

return imageUrls.map((url, index) => <img src={url} alt="" key={`previewImage:${index}`} />);

Как вариант - использование переменной:

$color-base: 64, 126, 201;

.element {
  background-color: rgba($color-base, 1);
}

.element-transparent {
  background-color: rgba($color-base, 0.3);
}

Чуть сложнее:

$color-base: 64, 126, 201;
$alpha-1: 1;
$alpha-2: 0.3;

.element {
  background-color: rgba($color-base, $alpha-1);
}

.element-transparent {
  background-color: rgba($color-base, $alpha-2);
}

Нужно верстать их снова и дублировать стили, или же я могу просто копировать уже свёрстанные блоки

но тогда будут разные названия классов и уже получиться не по БЭМ

При это БЭМ наоборот намекает - использовать повторно повторяющиеся блоки...

но тогда будут разные названия классов

Можно сделать так:

.price.price--one .price-card .price-card__name
.price.price--two .price-card .price-card__name

Повторяющийся блок:
.price-card .price-card__name
Дополнительная стилизация "повторяющегося блока".
.price.price--one .price-card .price-card__name

UPD:
Обратите внимание на ответ zkrvndm

Ты можешь использовать iframe для отображения одного и того же блока на множестве страниц.

Для конкретно Вашей задачи я таким бы не занимался (БЭМ это итак решает), а вот для SEO (органического продвижения) фреймы будут очень кстати, они позволят избежать склейки страниц в выдаче.

Максим Припадчев
https://pypistats.org/ , https://piptrends.com/
или
https://packaging.python.org/en/latest/guides/anal...

SELECT
  details.installer.name,
  COUNT(*) as download_count,
FROM `the-psf.pypi.downloads*`
WHERE
file.project = 'dvc'
AND _TABLE_SUFFIX
BETWEEN FORMAT_DATE('%Y%m%d', DATE('2020-01-04'))
AND FORMAT_DATE('%Y%m%d', DATE('2020-02-04'))
GROUP BY details.installer.name

const elId = document.querySelector('#id');
const elsA = elId.querySelectorAll('a');

elsA.forEach((el) => el.remove());

<a class='1'>

In CSS1, a class name could start with a digit (".55ft"), unless it was a dimension (".55in"). In CSS2, such classes are parsed as unknown dimensions (to allow for future additions of new units) To make "2x" a valid class, CSS2 requires the first digit to be escaped ".\32x" [2x]

В CSS не рекомендуется использовать название класса начинающегося с цифры...

А версию PyCharm писать не надо? А операционки?

Ладно, хрустальный шар слово молвит - "у нас Windows 11.0 + PyCharm 2023.2 (Professional Edition)", а значит:
1. Идем в File > Settings > Editor > Color Scheme > Language Defaults > Semantic highlighting.
2. Жмем галочку Semantic highlighting и в каждый Color вставляем цвет (я вставил одинаковые).
3. Жмем Apply и видим Ваш скрин (не видим изменений :) ).
4. Заново открываем каждый Color и пипеткой слегка изменяем цвет, жмем Apply и перезагружаем PyCharm.

Скрин:

И получаем подсветку:


UPD:
SanviInvi,

у меня отличается дизайн редактора у тебя другая тема?

- У меня включен "New UI".
- Установлена тема: "One Dark theme" > "One Dark Vivid Italic".
- Шрифт области редактора: "Fira Code".
- Так же установлен плагин: "Atom Material Icons".