Realizado

Código em Html com uma imagem, um bloco de texto e um botão que copia o texto

Publicado em 30 de Agosto de 2021 dias na TI e Programação

Sobre este projeto

Aberto

Cheguei a algo parecido com isso

<img class="center" style="width:85%" src='https://chart.googleapis.com/chart?cht=qr&chl=00020126580014BR.GOV.BCB.PIX0136f13f52ba-2e37-4076-a61f-f931a8f6eba05204000053039865406249.905802BR5925Iago%20Cesar%20Alves%20De%20Santa6009SAO%20PAULO622605225jkhJgbMhKFPEEqLc5fMf36304BB8F&chs=180x180&choe=UTF-8&chld=L|2' alt='qr code'><a border='1' style='cursor:default'  rel='nofollow' ></a>


<h2>Se preferir, você pode pagá-lo copiando e colando o código abaixo:</h2>


<p id="copy">00020126580014BR.GOV.BCB.PIX0136f13f52ba-2e37-4076-a61f-f931a8f6eba05204000053039865406249.905802BR5925Iago Cesar Alves De Santa6009SAO PAULO622605225jkhJgbMhKFPEEqLc5fMf36304BB8F</p>
<button type="button" onclick="copyEvent('copy')">COPIE O PIX</button>

<script>
    function copyEvent(id)
    {
        var str = document.getElementById(id);
        window.getSelection().selectAllChildren(str);
        document.execCommand("Copy")
    }
</script>



Este é apenas um código exemplo. O botão precisa de um ajuste na imagem e as informacoes precisariam ser responsivas para desktop e celular. Em anexo está o exemplo do que eu gostaria de criar

Categoria TI e Programação
Subcategoria Web Design
Qual é o alcance do projeto? Pequena atualização de um design existente
Isso é um projeto ou uma posição de trabalho? Um projeto
Tenho, atualmente Eu tenho especificações
Disponibilidade requerida Conforme necessário
Necesidad específica Outro
Funções necessárias Designer, Desenvolvedor

Prazo de Entrega: Não estabelecido

Habilidades necessárias

JavaScript CSS HTML HTML5 Responsive Web Design

Voce gostaria de começar trabalhar neste projeto?

Entre com sua conta Workana ou faça o seu cadastro! Potencialize seu trabalho freelancer

Outro projetos publicados por E. P. S.