dev aleatorio

@herbertbahia Oi obrigado por responder!

como disse eu tirei todas minhas extensoes e nãoo houve sucesso

Quando você fala isso , eu não encontrei na parte inferior , só na superior e não sei se a mesma que voce ta se referindo. Segue a imagem

8 horas atrás, herbertbahia disse:

No canto inferior direito do VS Code, deve haver um botão de alternância para o modo de seleção. Certifique-se de que ele esteja definido para "Seleção" e não "Linha".

Tambem não encontrei no mouseWheelZoom opção para selecionar false

Meu mouse está funcionando normalmente , porém dentro do Vs Code não deixa eu selecionar o texto de código. Já desinstalei e instalei novamente, verifiquei se era as extensões e nada. Ahh isso não acontece sempre , as vezes eu abro ele e esta tudo ok , mas as vezes ele aparece com isso 

@Diego72Marinho foi validações simples , para o input ficar vermelho caso envie sem responder e fica verde quando responde td

no botão ta assim

 <button onclick="pagina()" type="submit" name="submit" id="submit" >Enviar</button> 

no JS

function thanks(){
    window.location = "pagina.html"
    
}

to utilizando javascript pra isso ja fiz todas as validações porém , quando tiver tudo ok quero que quando clicar no botão abrir uma pagina de agradecimento

aqui é no registration.php
<?php
    include_once("connection.php");

    
    if (isset ($firstname)|| isset ($surname) || isset($email)){
    $firstname=$_POST['firstname'];
    $surname=$_POST['surname'];
    $email=$_POST['email'];
    

    $sql="INSERT INTO leadcapture(nome , sobrenome, email) VALUES('$firstname', '$surname','$email' ) ";
    
    if(mysqli_query($connection, $sql)){
        echo "Usuario cadastrado com sucesso";
    }else{
        echo "erro".mysqli_connect_error($connection);
    }

    mysqli_close($connection);
    }
   



?>

no html index.html

 <form action="registration.php" method="POST" class="form" id="form">
        
                <div class="form-control">
    
                    <label for="firstname" >Nome</label>
                    <input type="text" name="firstname" id="firstname" placeholder="digite seu nome">
                   
    
                </div>

                <div class="form-control ">
    
                    <label for="surname" >Sobrenome</label>
                    <input type="text" name="surname" id="surname" placeholder="digite seu sobrenome" >
                    
                </div>
    
                <div class="form-control ">
    
                    <label>E-mail</label>
                    <input type="email" name="email" id="email" placeholder="digite seu melhor e-mail :)">
                    
    
                </div>
    
                
    
                
            </form>

vou colocar o codigo aqui é de um formulario simples 

aqui eu criei arquivos separados

no connection.php
<?php

    if (isset ($firstname)|| isset ($surname) || isset($email)){
            $dbHost = "Localhost";
            $dbUsername = "root";
            $dbPassword = "";
            $dbName="formulario" ;

            $connection=mysqli_connect($dbHost , $dbUsername , $dbPassword , $dbName);
        


        if($connection ->connect_errno){
        echo "erro";
            } else{
        echo "sucesso";
        }

        if(!$connection){
            die("houve erro".mysqli_connect_error());
        }
    }
?>

@DiF na vd ficou um pouco confuso pra mim adaptar no js  porque ja tenho outros códigos e eu sou bem iniciante

esse 

onkeypress="return apenasLetras(event);"

tem que ser no html mesmo ? n tem como ir para o js

oi alguém pode me ajudar a fazer com que o input não receba numeros eu dei uma pesquisada e fiz dessa maneira mas não to conseguindo fazer dar certo

const form = document.getElementById('form')
const firstname = document.getElementById('firstname')

function checkInputs(){
    const firstnameValue = firstname.value.trim()
    const keyCode = (e.keyCode ? e.keyCode : e.which);
	
	if(firstnameValue === ''){
        errorValidation(firstname, "Preencha essa campo :(")

    } else if (keyCode > 47 && keyCode < 58){
        errorValidation(firstname, "apenas letras")
    }
    else{
        successValidation(firstname)
    }
           
           }

@o programador doido não

@o programador doido tentei aqui também n funcionou

@o programador doido valeu tu pode me ajudar com outro problema em js ?

.

eu tenho o seguinte codigo , o wrapper no css ele tem um backgroud , entao o que eu quero é q quando o scroll estiver em 0 ele n aparece , mas assim que eu inicio a pagina ele está la mesmo o scroll estando no 0 . porém ele funciona quando eu mexo na pagina e volto ao topo , mas quando eu abro pela primeira vez não

function onScroll() {
    
    if (scrollY > 0){
        wrapper.classList.add('wrapper');
    } else  {
        wrapper.classList.remove('wrapper');
    }

    

}

bom é o seguinte eu tenho um nav com tag <a> dentro dela vai id que levam a certo conteúdo do site .  Quando a gente clica o conteúdo é direcionado para lá . porém eu gostaria de controlar a posição pois  pega bem no meio do conteúdo e queria a parte de cima e eu não sei como fazer isso no JS. alguém poderia me ajudar ,eu dei uma olhada e acho que usa scrollY?

não sei se ficou confuso mas o html é o seguinte

 <nav id="navigation">
                <ul>
                    <li><a href="#home">seja bem vindo</a></li>
                    <li><a href="#sobreNos">sobre nos</a></li>
                    <li><a href="#contato">entre em contato</a></li>
                   
                </ul>
            </nav>

@o programador doido como eu poderia referenciar , tu poderia me ajudar nisso , realmente n sei como fazer

estou tentando deixar uma section acessível já coloquei nela no html o tabindex="0" porém apara ativa-la devo colocar um código no javascript eu ate achei um e funciona porém eu vi que não é o correto , alguém sabe me dizer como ficaria ?

funciona porém o keycode não é correto eu troquei por key eu tenho quase certeza q funcionou porém quando fui testar hoje não funcionou kkkk por isso estou aqui

document.onkeydown = function(e) {
    if(e.keyCode=== 13) {
      document.activeElement.click();
    }
};

@DiF minha preocupação é com acessibilidade , se essa tag é bem aceita e tal porque assim , mts tags deixam de ser utilizadas

@DiF  oi mt obrigado por responder , agoraa na tua opinião tu faria isso nesse modo ou faria com javascript?  eu não sei se essa tag details é mais indicada , tu sabe me dizer?

ahh outra coisa que queria saber se ela faz animações , eu queria deixar a seta piscando eu tentei porém não funcionou

Citação

 

details > summary{
    background-color: RGB(179, 255, 0);
    cursor: pointer;
    
} 

@keyframes blink{
  to {
    visibility: hidden;
   	animation: blink 1s steps (5,start) infinite;
    }
}

 

Oi o que eu gostaria da ajuda é de como mudar a seta de posição da tag summary que naturalmente fica na esquerda e queria passar para a direita

A unica coisa que sei que ela funciona assim

aqui ela muda de cor
summary::marker{    
    color: red;
    
}

ola queria ajuda para entender como funciona o hover no css ,segue o codigo que tentei fazer para aprender mas esta dando erro . Eu não entendo bem é a questão de herança

<body>
    <header>
        <div class="container">
            <h1>Seja bem vindos</h1>

            <p id="principal" >Lorem ipsum, dolor sit amet consectetur adipisicing elit. Non, id dicta. Tenetur consectetur, dignissimos esse quae quas similique qui eum voluptate commodi, quos facere minima repellat optio sint, a dolorum?Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat voluptas deserunt fuga quia non excepturi, maiores reprehenderit hic quod molestiae sed illo aspernatur ipsa ab reiciendis quae delectus id nihil. Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae vero quam cupiditate animi atque accusamus laborum possimus in dolore? Animi dicta nam accusamus. Aliquam voluptate molestiae perferendis debitis vel voluptatum?</p>
        </div>


        <div class="acao">
            <h2 class="titulo">Sobre nos , <strong>passe o mouse para saber mais</strong></h2>

            <p class="secundario">Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia facere, doloremque harum ad, sequi minus cupiditate, atque sunt tenetur ullam aspernatur perspiciatis? Delectus sapiente, voluptatum eligendi iure odit autem vel? amet consectetur adipisicing elit. Repellat voluptas deserunt fuga quia non excepturi, maiores reprehenderit hic quod molestiae sed illo aspernatur ipsa ab reiciendis quae delectus id nihil. Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae vero quam cupiditate animi atque accusamus laborum possimus in dolore? Animi dicta nam accusamus. Aliquam voluptate molestiae perferendis debitis vel voluptatum</p>
        </div>
            
        
    </header>
    <main>  
        <div class="acao" >
            <h2 class="titulo">Aqui é um lugar de diverção , <strong>passe o mouse para saber mais</strong></h2>
            <p class="secundario">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Consequatur, explicabo nostrum, quidem laborum saepe eius animi quisquam nesciunt voluptates delectus provident aperiam cum optio deserunt nihil. Ipsam optio libero rem.amet consectetur adipisicing elit. Repellat voluptas deserunt fuga quia non excepturi, maiores reprehenderit hic quod molestiae sed illo aspernatur ipsa ab reiciendis quae delectus id nihil. Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae vero quam cupiditate animi atque accusamus laborum possimus in dolore? Animi dicta nam accusamus. Aliquam voluptate molestiae perferendis debitis vel voluptatum</p>
        </div>

        <section>
            <h2>Diverção</h2>

            <ul>
                <li>quadro 01</li>
                <li>quadro 02</li>
                <li>quadro 03</li>
            </ul>

        </section>
        


    </main>
    
</body>

body{
    background-color: rgba(137, 43, 226, 0.274);
   
    padding: auto;
}

h1{
    text-align: center;
    color: brown;
    background-color: aqua;
    padding: 10px;
    margin-block: 30px;
   
}

header{
    margin-bottom: 60px;
}

p{
    color: darkcyan;
    background-color: rgba(240, 69, 6, 0.329);
    margin-block: 40px;
}


.acao .titulo{
    display: inline;
    padding: 10px;
    color: azure;
    background-color: rgba(0, 0, 255, 0.555) ;
    border-radius: 12px;
    cursor: pointer;

}


.secundario{
    display: none;
}

.acao .titulo:hover .secundario {
    display: block;
}

eu queria que quando eu passasse o mouse no titulo  a classe secundaria que são os p aparecessem 

bom gente to com uma duvida , eu fiz uma tabuada porém que ela funcionou de um jeito e de outro não , queria saber o porque isso aconteceu

meu primeiro exemplo que deu certo

algoritmo "tabuada"

var
   valor, cont : inteiro
inicio
    escreva (" deseja a tabuada para qual valor ? ")
    leia(valor)

    cont <- 1
    para cont <- 1 ate 10 faca
      escreval ( valor , "x" , cont, "=", valor*cont )
      cont <- cont + 1
    fimpara
fimalgoritmo

e o outro com a variavel resp que fiz

algoritmo "tabuada"

var
   valor, cont ,resp: inteiro
inicio
    escreva (" deseja a tabuada para qual valor ? ")
    leia(valor)

    cont <- 1
    para cont <- 1 ate 10 faca
      escreval ( valor , "x" , cont, "=", resp )
      resp <- valor * cont
      cont <- cont + 1
    fimpara
fimalgoritmo

 minha duvida so é mesmo porque não funcionou  

Existe alguma maneira de usar linear gradient  dentro do JS? Eu so consegui cor simples no fundo mas queria um degrade

var CorFundo = window.document.body
CorFundo.style.background = 'red' 

@washalbano mds kkkkkk rapaz agr eu to de cara no chão

bom , eu sou totalmente iniciante e to com esse seguinte problema , a imagem não aparece na pagina mesmo com o endereço certo , e eu ja alterei , dei espaçamento , tirei e não funcionou .. desculpa se for uma pergunta toscaa 

segue a linha do codigo

function adicionarDespesasInterface(nomeDespesa , valorDespesa) {
        const li = document.createElement('li');
        const h3 = document.createElement('h3');
        const p = document.createElement('p');
        const img = document.createElement('img');

        h3.innerText = nomeDespesa;
        p.innerText = `R$ ${valorDespesa}`;

        img.scr = 'iconelixeira.png';
        img.alt = 'icone lixeira';

        img.addEventListener('click' , removerDespesa);


        li.dataset.valor = valorDespesa;
        li.appendChild(h3);
        li.appendChild(p);
        li.appendChild(img);


        Despesaslist.appendChild(li);
    }

Em 18/01/2022 às 11:53, Simon Viegas disse:

"a posição da linha é maior ou igual a posição da coluna".

ainda fiquei encucada com isso

ola pessoal , nesse codigo é para mostrar na tela o triangulo superior e triangulo inferior , a matriz completa e a diagonal principal . A questão é que não entendi muito bem como fizeram para chegar no resultado dos triangulos superior e inferior ... alguém pode me explicar???

algoritmo "DISSECANDO MATRIZES"
var
    mat: vetor[1..4,1..4] de inteiro
    l , c , superior , inferior , dp , opcao: inteiro

inicio
      para l <- 1 ate 4 faca
           para c <- 1 ate 4 faca
             escreva("Digite o valor da posiçao [" , l , ",", c , "] :")
                leia (mat[l,c])
           fimpara
      fimpara
        limpatela
           escreval()
         repita
          escreval("MENU DE opções")
           escreval("==================")
           escreval("[1] mostrar a matriz")
           escreval("[2] diagonal principal")
           escreval("[3] triangulo superior")
           escreval("[4] triangulo inferior")
           escreval("[5] sair")

           escreval()
           escreval("OPCAO")
           escreval("=========")
           leia(opcao)
           escreval("==========")

             se (opcao = 1) entao
                 para l <- 1 ate 4 faca
                     para c <- 1 ate 4 faca
                       escreva ( mat[l,c] : 4 )
                     fimpara
                      escreval()
                 fimpara

             fimse
                    se (opcao = 2 ) entao
                       para l <- 1 ate 4 faca
                         para c <- 1 ate 4 faca
                            se ( l= c) entao
                               escreva(mat [l,c] : 4 )
                            senao
                               escreva("   ")
                            fimse
                         fimpara
                         escreval("")
                       fimpara
                    fimse

                    se(opcao = 3 ) entao
                       para l <- 1 ate 4 faca
                         para c <-  1 ate 4  faca
                           se (l > c) ou (l= c) entao
                              escreva("  ")
                             senao
                               escreva (mat [l,c] : 4 )
                           fimse
                         fimpara

                           escreval()
                       fimpara
                    fimse

                    se ( opcao = 4 ) entao
                       para l <- 1 ate 4 faca
                         para c <- 1 ate 4 faca
                            se ( l< c) ou (l=c) entao
                               escreva ("   ")
                            senao
                                escreva  (mat [l,c] : 4 )
                            fimse
                         fimpara
                         escreval()
                       fimpara
                    fimse


         ate(opcao = "5")
fimalgoritmo