html – como selecciono y muestro elementos de imput con javascript?

Hola amigos tengo un problema con vuetify , necesito seleccionar el contenido de un input y hacer que seleccionándolo pueda mostrar un tipo de información en una tabla , el problema es que no se como seleccionar ese elemento del input para seleccionarlo y realizar las acciones, que puedo hacer para solucionarlo?
HTML:

<v-col
class="d-flex"
cols="3"
sm="3"
>
<v-select
:items="Operador"
label="Operador"
id="operador"
dense
required
></v-select>
</v-col>

<v-col
class="d-flex"
cols="3"
sm="3"
>
<v-select
:items="Mes"
label="Mes"
id="mes"
dense
required
></v-select>
</v-col>
<v-btn
small
class="d-flex"
cols="3"
sm="3"
depressed
dense
color="primary"
@click="buscar"
>
Buscar
</v-btn>

JavaScript:

async buscar(){


let operador = document.getElementsByClassName('v-select__selection v-select__selection--comma')
console.log(operador) 

console.log( document.getElementsByClassName('v-list-item__content'))
//obtener id de operador y mostrarlo por medio de idOperador



let operadorId = this.Operadores.codigoOperador //ejemplo
let datosNuevos = {
"tipo"       :"buscar",
"idOperador" :"1274"  ,
// "idOperador" :operadorId,  ejemplo
"dia"        :"0"     ,
"mes"        :"7"     ,
"anio"       :"2021"  ,
"horaManEnt" :""      ,
"horaManSal" :""      ,
"horaTarEnt" :""      ,
"horaTarSal" :""      ,
"observacion":""      ,
"id"         :"0"

}

imagen de muestra:

introducir la descripción de la imagen aquí

en este caso esta guardado en duro la información y la muestra pero la idea es que sea dinámica y eso no lo puedo hacer aun .

javascript – Estou desenvolvendo um Player de Áudio, porém não sei desenvolver uma função que se repita em vários elementos e funcione como se fosse única

No caso é uma mini-plataforma de podcast’s, apenas para estudo, quero que quando eu passe o mouse em cima da div do episódio um ícone de play apareça na imagem do episódio, porém é uma lista com vários episódios, tenho em mente uma função que identifique o ícone de play que está dentro de seu episódio e remova o elemento hidden dele, estou tentando usar JavaScript para isto. Vou colocar a aplicação sem nenhuma formatação, mas o código completo está no github com imagens e tudo mais para que possam entender melhor meu problema, o link é: https://github.com/caiodntas/Podcloud.

Tentei usar o THIS mas creio que apliquei-o incorretamente, pois ele retorna erro…

/* FUNÇÕES NOS EPISÓDIOS */
    var episodefield = document.querySelectorAll('#episode-field');

    episodefield.forEach = addEventListener('mouseover', function(){
        var playbutton = this.getElementById('playbutton');

    });

            
<!-- LISTA DE EPISÓDIOS -->
                <div class="episodes-content" id="episodes-section">
                    <div class="episode-field" id="episode-field">
                        <div>
                            <img class="episode-image" src="https://pt.stackoverflow.com/files/podpah/profile.jpg" draggable="false"><ion-icon name="play-outline" class="playicon" id="playbutton"></ion-icon>
                        </div>
                        <div class="episode-texts">
                            <div class="episode-title"><h3>KYAN - PODPAH #168</h3></div>
                            <div class="episode-description"><p>Kyan é um trapper emergente na cena nacional, direto da baixada.</p></div>
                        </div>
                    </div>
                    <div class="episode-field" id="episode-field">
                        <div>
                            <img class="episode-image" src="https://pt.stackoverflow.com/files/podpah/profile.jpg" draggable="false"><ion-icon name="play-outline" class="playicon" id="playbutton"></ion-icon>
                        </div>
                        <div class="episode-texts">
                            <div class="episode-title"><h3>COLDZERA - PODPAH #167</h3></div>
                            <div class="episode-description"><p>Coldzera é bicampeão mundial de CS:GO.</p></div>
                        </div>
                    </div>
                    <div class="episode-field" id="episode-field">
                        <div>
                            <img class="episode-image" src="https://pt.stackoverflow.com/files/podpah/profile.jpg" draggable="false"><ion-icon name="play-outline" class="playicon" id="playbutton"></ion-icon>
                        </div>
                        <div class="episode-texts">
                            <div class="episode-title"><h3>CEROL - PODPAH #166</h3></div>
                            <div class="episode-description"><p>Cerol é um dos maiores streamers brasileiros.</p></div>
                        </div>
                    </div>
                </div>
<script src="javascript/podcloud.js"></script>

Complicaciones para ordenar los elementos con css del viewport

estoy dando mis primeros pasos en programación y estoy haciendo un proyecto de practica. Pero se me dificulta ordenar bien mis elementos en el viewport. Por un lado la barra de navegacion no se parece en nada a una barra ni queda alineada con el logo. Y por otro, la descripcion de ciertos elementos dentro del body tampoco queda alineada con su respectiva imagen. Si alguien me da una mano se lo agradeceré.Dejo el enlace de mi proyecto para que lo puedan ver

html – Alinear elementos en un div

Estoy intentando alinear los elementos de un div en mi pagina web para que estén a la misma altura, pero que los botones se encuentren pegados a la derecha.

Mi html:

<body>
    <div class="topMenu">
        <p>WEBISTE</p>
        <button>LOGOUT   <i class="fa fa-sign-out"></i></button>
        <button>REFRESH   <i class="fa fa-refresh"></i></button>
      </div>
</body>

Mi css:

    body {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.topMenu {
    width: 90%;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    list-style-type: none;
    background-color: rgb(124, 124, 124);
    overflow: hidden;
    display: flex;
    border-radius: 30px;
}

.topMenu p {
    font-size: 50px;
    color: darkblue;
    font-weight: bold;
}

.topMenu button {
    border-radius: 8px;
    border-color: black;
    background-color: rgb(195, 216, 255);
    text-decoration: black;
    font-size: 17px;
    height: 40px;
}

El problema que tengo es que los elementos del div no se posicionan en la misma linea imaginaria y el resultado se ve así:
introducir la descripción de la imagen aquí

También querría saber porque el cuadro que se crea del div es tan grande y como puede adaptarse al tamaño de los elementos.

python – Como juntar elementos de uma lista

Boa tarde, é possivel juntar os elementos de uma lista em um só?
Por exemplo, eu tenho a lista [1,2,3,4,5], aí preciso juntar esses numeros assim: 12345

python – Resultados de traducción No obtengo los elementos a través de la biblioteca scrapy

solo ingresa las URL indicadas por las reglas, pero no obtiene los elementos. ¿Qué estoy haciendo mal?
O será que la pagina tiene una carga dinamica y tendria que utilizar selenium(?)

class AbarrotesArroz(Item):
    Titulo=Field()


class PlazaVea(CrawlSpider):
    name="Arroz"
    custom_settings = {
        'USER_AGENT': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko)  Chrome/80.0.3987.149 Safari/537.36',
        'CLOSESPIDER_PAGECOUNT': 5
    }

    allowed_domains=('plazavea.com.pe')
    start_urls=("https://www.plazavea.com.pe/abarrotes/arroz")
    download_delay= 2

Creo las reglas a seguir, donde extraerá los elementos con el siguiente patrón

    rules=(
        Rule(
            LinkExtractor(
                allow=r'arroz-'
                #restrict_xpaths=('//div(@class="tabs__carousel")//a(contains(@class,"tabs__item"))')
            ), follow=True, callback='parse_items'

        ),
    )

Creo la función donde hará la extracción.

    def parse_items(self,response):
        sel= Selector(response)
        item=ItemLoader(AbarrotesArroz(),sel)

        item.add_xpath('Titulo','//a(@itemprop="name")/text()')

        yield item.load_item()

Python Any checa demais elementos mesmo retornando uma opção True com o primeiro

Estou com uma dúvida com relação ao funcionamento do built-in any do Python

variavel = None

any((not variavel, variavel.get("chave1"), variavel.get("chave2")))

Ao meu ver, se o primeiro item do a lista fosse True, o any já retornaria True e vida que segue. https://docs.python.org/3.8/library/functions.html#any
Na própria documentação, mostra um exemplo equivalente ao que eu acreditava que seria o comportamento correto.

Porém, a vida, ah a vida, essa é uma caixinha de surpresas, ae fui tester no terminal dentro do Pycharm.
inserir a descrição da imagem aqui

E aparentemente, mesmo a primeira condição retornando True, ele continua checando os demais itens. Eu acredito que estou fazendo alguma caquinha, mas já testei em outros ambientes e o resultado que encontro é o mesmo. Todos os ambientes estão utilizando Python 3.8.3.

Desde já, agradeço o esclarecimento.

array – Atualização de elementos na tela ReactJS

estou desenvolvendo uma aplicação onde ela deve mostrar uma lista de itens na tela e estou tento dificuldades em fazer ela aparecer quando carrega a tela pela primeira vez, mesmo usando o useEffect… Para que ela apareça eu tenho que “forçar” uma atualização fazendo com que aconteça a chamada na api mais uma vez deixando os resultados todos duplicados…

O useEffect que escrevi faz a busca de algumas informações na api, em seguida às trata e depois às colocam em um useState par poder fazer o map da lista…

O useState em questão acaba sendo um Array de arrays contendo vários objetos dentro de cada.

Array de arrays

Eu não estou conseguindo achar onde está o erro, se é como estou declarando o useState das informações filtradas para o TypeScript, ou então se falta alguma propriedade no useEffect para que ele renderize mais tarde, não sei ahahahha….

Se vocês pudessem me ajudar agradeceria, obrigado!

Código:

interface IndividualProps {
  id: number
  number: number
  specie: string
  groups: string
  plantationDay: string
  state: string
}

interface DataGroups {
  groups: Array<string>
  individuals: Array<IndividualProps>
}


  const (dataGroup, setDataGroup) = useState({} as DataGroups) // dados "crús" vindo do backend
  const (individualsByGroup, setIndividualsByGroup) = useState<IndividualProps()()>(()) // dados filtrados prontos para serem usados

  useEffect(() => {
    (async() => {
      let { data } = await dev('/getByGroups.php') // chamada na api
      setDataGroup(data)
      dataGroup.groups.map(group => individualsByGroup.push(dataGroup.individuals.filter(individual => individual.groups === group)))
    })()      
  }, ())

  return (
    <Container>
      
        {individualsByGroup.map((group, pos) => (
          <fieldset key={pos}>
            {group.map(ind => (
              <ul key={ind.id}>
                <li>groups: {ind.groups}</li>
                <li>id: {ind.id}</li>
                <li>number: {ind.number}</li>
                <li>plantationDay: {ind.plantationDay}</li>
                <li>specie: {ind.specie}</li>
                <li>state: {ind.state}</li>
              </ul>
            ))}
          </fieldset>
        ))}
      
    </Container>
  );