Perguntas com a tag [front-end]
Em projetos de software, front-end é a parte do sistema de software que interage diretamente com o usuário. Se a dúvida não for sobre "front-end", não use esta tag, mesmo que esteja usando "front-end" no seu projeto.
537
perguntas
-1
votos
1
resposta
23
visitas
Nao consigo retornar texto de um input pelo javascript [fechada]
Eu tenho um input
<label for="destinotext">Destino da Viagem:</label>
<input type="text" id="destinotext" placeholder="Digite o destino ...
-5
votos
0
respostas
18
visitas
Alternativas ao Micro frontend para um problema de paginas em comum de projetos diferentes [fechada]
Bem, aonde eu trabalho estamos com um impasse bem interessante aberto à discussão e como me deixaram com a responsabilidade sobre esse problema quis vir aqui para discutir e achar uma solução.
Em suma ...
0
votos
1
resposta
24
visitas
Diferença entre o "Pixel real" e o "Pixel de referência" no CSS [duplicada]
Recentemente me deparei com duas definições distintas de pixel no CSS. O pixel "real", a junção de pontos luminosos rgb em nossa tela, e o pixel de "referência" usado no CSS, sendo ...
-1
votos
0
respostas
14
visitas
Como pegar o valor da option de uma select e, usando o switch case para as várias possibilidades, imprimir quando a possibilidade for verdadeira(JS)?
A intenção é que, ao selecionar uma option e clicar no botão localizar, apareça impresso na página a região e país pertencente a respectiva opção. Exemplo: selecionou Rio de Janeiro e clicou em ...
-2
votos
0
respostas
12
visitas
Como criar um efeito de sombra por trás de um menu mobile?
Estou fazendo um desafio do site Front end mentor, e estou na parte da criação do menu mobile. Gostaria de poder fazer essa sombra quase que transparente que fica por trás do menu enquanto ele está ...
0
votos
1
resposta
36
visitas
Porque quando eu coloco o text-decoration: none; dentro da ul {} apenas ele não retira o underline dos links
Porque quando eu coloco o text-decoration: none; dentro da ul {} apenas ele não retira o underline dos links a dentro das li do ul? E ai eu tenho que fazer um ul a {} para que isso aconteça?
/* ...
-2
votos
0
respostas
20
visitas
A função onclick só funciona para mobile no devtools
Obs: não consegui carregar os icons pq tbm tentei encurtar o código,
mas tem como ver o projeto no link abaixo e aqui no stack ao clicar
nos cards as descrições ainda aparecem.
Link: https://gleysii....
0
votos
0
respostas
13
visitas
Site não carrega o css nos primeiros instantes
Olá, estou tem um tempo tentando entender o que acontece com meu site nos primerios instantes. Ele da uma flickada e mostra o conteúdo sem estilo nenhum antes de carregar totalmente, a stack que ...
-2
votos
5
respostas
53
visitas
CSS não funcionando no meu HTML [fechada]
O meu background feito em CSS, simplesmente, não está funcionando no meu HTML. A ideia era ter um background preto atrás do logo "World". Mas não está aparecendo. Já tentei ver se o problema ...
0
votos
1
resposta
16
visitas
Como criar um componente Select customizado utilizando MUI (React)?
Olá.
Estou atuando em uma task front-end aqui na empresa e preciso criar uma caixa de seleção que permite que o usuário escolha várias opções de períodos (últimos 7 dias, 15 dias, etc).
O front ...
-2
votos
1
resposta
63
visitas
Criar uma Lista HTML com JavaScript
Olá, sou iniciante em programação e estou aprendendo a integrar JS nos meus códigos HTML... me propus a fazer um "programa" que receba o nome de produtos e suas classes (já pré definidia em ...
-3
votos
1
resposta
18
visitas
Por que foi usado o DIV e por que foi atribuído um ID?
Fazendo um exercício criando uma pagina usando HTML e CSS fiz da seguinte forma e ficou igual no modelo proposto pelo professor. Porém, o prof e os demais alunos fizeram de uma forma diferente usando ...
-3
votos
1
resposta
41
visitas
Movendo uma Div
Estou com um problema que não estou entendendo as soluções que estou procurando.
Sou iniciante na programação, com apenas 4 dias e estou tentando entender sobre movimentos das divs. Tentei mover as ...
-3
votos
2
respostas
49
visitas
Item da lista exercer a mesma função de um ícone
Estou fazendo um menu lateral com sub-menus. Esses sub-menus são ativados por um ícone pelo javascript. Porém, queria adicionar a mesma função do ícone, ao <li> para ficar mais funcional e ...
0
votos
2
respostas
59
visitas
Existe alguma maneira de juntar 2 html's (arquivos separados) em apenas 1 único?
Vou dar um pequeno exemplo de um problema na qual estou enfrentando. Estou trabalhando em uma aplicação onde basicamente consiste em inúmeras telas diferentes com um menu lateral interligando-as. ...
-4
votos
1
resposta
106
visitas
Enviar dados da variável do JavaScript para o PHP [fechada]
Fiz um script em javascript que tem como objetivo gerar um número randômico e tomar uma decisão de acordo com o número selecionado:
var numero = Math.floor(3* Math.random());
switch (numero){
...
0
votos
0
respostas
19
visitas
Posso importar o aplicativo angular em vez da biblioteca angular?
Eu tenho uma aplicação angular que contém varios componentes genericos, e gostaria de usa-lo em outras aplicações, eu subi a aplicação para o NPM e instalei em outra, porém quando tento importar o ...
0
votos
0
respostas
30
visitas
Pegar valor da tabela em um componente Angular
Estou trabalhando em uma tabela utilizando a biblioteca ng2-smart-table e estou com uma dificuldade em passar para um componente customizado os valores inseridos na linha de edição:
Veja o código ...
3
votos
1
resposta
230
visitas
Mat-tab: ativar outra tab ao clicar em botão
Estou iniciando em Angular e tenho ainda dúvidas em relação a interação entre componentes. No meu caso em específico não sei como fazer, e se tem como.
<mat-tab-group>
<...
-1
votos
1
resposta
61
visitas
Formulário com menu select não mostra os dados da API
Estou fazendo um formulário de cadastro e nele tem um input do tipo select, que mostra todos os nomes (condominios) que é possível fazer esse cadastro.
Entretanto, ao abrir o modal e em seguida o ...
-2
votos
1
resposta
35
visitas
Função para resetar o timer não está funcionando
Fiz um pomodoro timer, usando html, css e javascript. Criei uma função para resetar o timer quando clicar no botão de reset, deveria resetar os minutos e os segundos, e no caso de estar no break ...
-4
votos
2
respostas
78
visitas
Meu problema e que o que eu salvo no localStorage nao consigo pegar depois
const [newRepo, setNewRepo] = useState("");
const [repositorios, setRepositorios] = useState([]);
const [loading, setLoading] = useState(false);
//salvar
useEffect(() => {
...
-1
votos
1
resposta
104
visitas
Botão de Girar 90º uma imagem em JavaScript
Estou criando um editor de imagem e preciso colocar 2 botões que girem 90º pra esquerda ou 90º para direita e que possa girar mais de uma vez
mais só consegui fazer girar uma vez para um lado
gostaria ...
-3
votos
1
resposta
56
visitas
Redirecionamento de página usando input HTML e JS
Estou tentando fazer um projeto para meu portfólio mas estou com algumas dificuldades.
Estou tentando criar uma página HTML que pega o número de celular digitado em um input e cria uma URL ...
3
votos
1
resposta
118
visitas
Como fazer a comunicação entre dois ou mais contextos de navegação com mesma origem?
Em um mesmo agente de navegação tenho duas páginas ou duas guias de navegação:
A página index.html que contém dois botões:
<button id="btn1">Botão B1</button>
<button id=&...
-2
votos
1
resposta
69
visitas
Erro ao renderizar ou dados obtidos de uma requisição GET usando Angular
Estou fazendo um simples projeto de pókedex para treinar Angular. Consigo fazer uma requisição GET na PokéAPI, porém, quando tento renderizar os dados da requisição usando a função ngFor, os dados não ...
-1
votos
1
resposta
85
visitas
Checked de input radio não pode ser removido
Criei 3 inputs do tipo radio, de escolha múltipla. Porém quando um input é selecionado, se clicarmos novamente, a seleção não sai.
<fieldset class="area-interesse">
<...
-1
votos
1
resposta
36
visitas
redirecionamento de formulario usando javascript
tenho um formulário com as suas validações , ai quero que quando clicar no botão seja redirecionado a uma pagina de agradecimento
esse é o botão em html
<button onclick="thanks()" ...
-2
votos
1
resposta
19
visitas
Menu com links quebrados no IOS (Safari)
Desenvolvi um projeto de site onde a primeira tela é um menu que redireciona para outras telas, quando tésto o responsivo funciona normal, mas quando tento abrir no meu iPhone é exibido um texto ...
1
voto
0
respostas
184
visitas
Blazor - User.Identity.Name retorna sempre null
Estou com um problema, espero que consigam me ajudar, tenho uma Api, onde consigo acessar normalmente ao User.Identity.Name,
No Blazor estou passando um token fixo para teste, esse token possui alguns ...
-1
votos
1
resposta
85
visitas
@Input com Observable no angular
Não tenho um erro ainda, mas não sei como fazer...
Tenho uma toolbar no meu AppComponent, que exibe um menu dropdown com uma lista. Essa lista vem do back-end. Preciso de um Observable que recebe um ...
-2
votos
1
resposta
102
visitas
Construi uma barra de menu lateral e não consigo utilizar o espaço livre, como que coloco o texto ao lado da barra ao em vez de em baixo?
Flex fit
gym
Home
Sobre Nós
Treino
Flexonal
Contate
FLEX FIT
...
-1
votos
1
resposta
77
visitas
Problemas ao importar imagens em .sass
Estou com um problema estranho para importar imagens.
.banner{
background: url(../../imagens/banner.jpeg);
}
No formato acima funciona corretamente em um arquivo .scss
Mas em um arquivo .sass não ...
0
votos
0
respostas
38
visitas
Usar fonts SVG no HTML
Bom Dia,
Devs, como eu utilizo um ícone SVG que está linkado como uma font no HTML, sendo que este icone possui vários "pedaços" (paths). Como referêncio todas esses pedaços no HTML?
CSS
....
0
votos
0
respostas
83
visitas
Erro ao apresentar pré visualização no cypress
Quando executo os testes pelo cypress, eu consigo verificar o console ao lado esquerdo, mas ao lado direito ele não apresenta a pré visualização dos campos, como imagem anexada.
Para rodar utilizei ...
-3
votos
1
resposta
157
visitas
Como mudar uma <img> svg que está dentro de um <form> e <input>, quero mudar de cor o SVG quando o input/form/img estiver em "focus"
Já consegui mudar a borda do meu quando ele estiver em foco, porém queria mudar a cor do meu SVG que está junto com o input, mudando a imagem mesmo ou a cor do SVG em si, meu código está assim no ...
-1
votos
1
resposta
1mil
visitas
Estou com problemas para redimensionar uma imagem no React
Olá, sou estudante e estou com um problema em um projeto de front-end para redimensionar imagens usando CSS no React, as imagens vem da API publica do Mercado Livre, e por isso acabam chegando com ...
0
votos
1
resposta
23
visitas
Criando diretório no Angular
Tenho o código no Angular e gostaria de exportar essa planilha para um diretório específico. Alguém, pode me ajudar?
exportSheet() {
this.loading = true;
var sDate: string = new DatePipe('en')...
-3
votos
1
resposta
55
visitas
Texto não ajusta ao tamanho da WEB
Preciso de ajuda. estou implementando esse site na versão Mobile, mas não estou conseguindo alinhar o conteudo do site no meio da tela de forma automatica o texto quebra a borda.. quero que ele se ...
-1
votos
1
resposta
137
visitas
Ajuda sobre CRUD/Filtrar Arrays salvos no Localstorage
Bom dia pessoal,
Sou um estudante de Front End (Ainda estou no inicio de POO em Js e ainda não dominei algumas funções avançadas da linguagem) com muita vontade de aprender e pesquisar, sinta-se a ...
-3
votos
1
resposta
46
visitas
Interações com o "0" da calculadora nas funções [fechada]
Como todos sabem aquele "0" que toda calculadora tem seja ele quando você abre a calculadora, reseta os valores ou deleta todos os valores ele aparece na tela da calc, gostaria de uma ajuda ...
-5
votos
1
resposta
251
visitas
passando paramentos para função REACT TYPESCRIPT
function handleOpenUpdateTaskModal (valor){
setIsUpdateTaskModalOpen(true);
console.log(valor)
}
<img onClick={handleOpenUpdateTaskModal('VALOR')} src={Update} alt="Editar" />
...
-2
votos
1
resposta
668
visitas
TypeError: Cannot convert undefined or null to object -- com React js e Next js
Estou fazendo um projeto clone do spotify com nextjs, nele estou criando uma página de login personalizada, esse é o código da tela de login:
import { getProviders, signIn } from "next-auth/react&...
-2
votos
1
resposta
32
visitas
problema de matemática - proporções
Preciso pegar um conjunto de valores para montar um gráfico. Este gráfico tem altura fixa, pois é uma div html do layout. Preciso que o menor valor fique próximo ao bottom da div e o maior valor, ...
-2
votos
2
respostas
124
visitas
Exibir <span> ao dar hover em um <a> com transition
Gostaria de verificar se há possibilidade de exibir uma span ao passar o mouse sobre uma tag <a> com transition. O HTML está da seguinte forma:
<a id="id-a" style="padding:0px&...
0
votos
1
resposta
294
visitas
Como inserir valor de input number dentro de um select?
Boa noite, pessoal.
Gostaria de saber como adicionar um valor de um input number dentro de um select em JavaScript. Eu consigo imprimir tranquilamente fora do select mas dentro dele nada aparece, acho ...
-1
votos
1
resposta
266
visitas
Contar e remover dados duplicados em array de objetos Angular
Estou recebendo um array de objetos onde cada objeto contém vários dados e preciso mostrar o dado name em tela, de forma que mostre o name apenas uma vez e do lado a quantidade de vezes em que ele ...
-3
votos
1
resposta
311
visitas
como fazer asim que a pagina dar refresh minha variavel em js não mudar
eu tenho um código html
<div id="nome"> nome </div>
e um js que pergunta o usuário o nome e reescreve a div
var username = prompt('qual seu nome ?');
alert('olá ' + username + '...
-1
votos
1
resposta
54
visitas
Inserir valores em mais de 1 formulário dinamicamente com formsy-react
Estou desenvolvendo uma aplicação em ReactJS e atualmente tenho 6 formulários (estou utilizando o formsy-react) que são inseridos de forma dinâmica, preciso inserir informações nos inputs de um ...
-1
votos
2
respostas
478
visitas
Alinhar elementos com css dentro de uma div
Preciso fazer um elemento que tenha dentro dele vários cartões(outros elementos) e eu preciso que eles ocupem todo o espaço disponível e caso ultrapasse esse espaço ele deve quebrar a linha. Algumas ...