Como ler valores de caixa de texto do html e inseri-los em tabelas usando JavaScript-Exemplos de código
Como ler valores de caixa de texto do html e inseri-los em tabelas usando JavaScript
HTML por Radu TM • June 12, 2022
<html>
<head>
<script type="text/javascript">
function insertValues(){
//obter o valor do primeiro textboxâ
var firstValue = document.getElementById('firstTextbox').value;
//obter o valor do segundo textbox
var secondValue = document.getElementById('secondTextbox').value;
//obter o elemento da tabela
var table = document.getElementById('myTable');
//inserir os valores na tabela
table.rows[0].cells[0].innerHTML = firstValue;
table.rows[0].cells[1].innerHTML = secondValue;
}
</script>
</head>
<body>
<!--Criar uma tabela com duas colunas.-->
<table id="myTable" border="1">
<tr>
<td>Primeira coluna</td>
<td>Segunda coluna</td>
</tr>
</table>
<br/>
<!--Criar dois textboxes.-->
Primeiro Textbox: <input type="text" id="firstTextbox" /><br/>
Segundo Textbox: <input type="text" id="secondTextbox" /><br/>
<!--Criar um botão. Quando clicado, os valores dos textboxes serão inseridos na tabela.-->
<input type="button" value="Inserir valores" onclick="insertValues();" />
</body>
</html>0
45.563
Consultas relacionadas com JavaScript
- Como ler valores de caixa de texto do html e inseri-los em tabelas usando JavaScript
- Ler dados do link em JavaScript
- Como atualizar o valor de uma célula de uma linha de tabela de dados do jquery
- Como obter o valor do parâmetro da string de consulta em NextJs?
- Remover valores nulos e indefinidos do objecto em JavaScript
- Como somar os valores de um objecto em JavaScript
- Como atualizar o valor de uma célula de uma linha de tabela jquery
- Texto de direitos autorais em Javascript
- Definir "checked" para um caixa de seleção em Next.js
- Hooks de valor e valor padrão no React Native
- Obter valores de string de consulta em JavaScript
- Como obter o valor do parâmetro da string de consulta no NextJs?
- Como obter o valor de um parâmetro da string de consulta em Next.js?
- Remover valor de matriz em JS
- Remover valores de corda vazia de um objecto em JavaScript
- Adicionar valor em matriz com JavaScript
- Remover Valores Nulos de um Objecto em Javascript
- Como obter a União de Duas Arraias em JavaScript
- Como adicionar múltiplos valores a um Array em JavaScript
- Como ignorar erros do prettier em js
- Como obter o Nome de Classe de um Objecto em JavaScript
- Como filtrar dados usando JavaScript
- Altere um valor de um objeto em um array em JavaScript
- Como encontrar o próximo múltiplo de 5 em javascript
- Como obter o Comprimento de um Array em JavaScript
- Como obter o comprimento de uma corda em JavaScript
- Como obter o comprimento de um `Map()` em JavaScript
- Como converter valores `Map` para um Array em JavaScript
- Obter todos os nós dos pais do filho em um array de JavaScript
- Como carregar um link em uma nova janela usando JS
Últimas consultas JavaScript
- Como converter `Mapa()` Chaves para um Array em JavaScript
- Como converter valores `Map` para um Array em JavaScript
- Como obter o comprimento de um `Map()` em JavaScript
- Verificar se o objecto é do tipo Set em JavaScript
- Como obter o Nome de Classe de um Objecto em JavaScript
- Verificar se uma Variável é do tipo Error em JavaScript
- Como verificar se um Valor é um Inteiro em JavaScript
- Como verificar se um Valor é um Flutuador em JavaScript
- Verificar se String é um número válido em JavaScript
- Verifique se um Número é um Inteiro Positivo em JavaScript
- Verifique se um Número é um Inteiro Negativo em JavaScript
- Verifique se String é um Integer Positivo em JavaScript
- Verificar se um objecto propriedade está indefinido em JavaScript
- Obtenha a diferença entre duas arrays em JavaScript
- Obter a Intersecção de duas Arrays em JavaScript
- Como obter a União de Duas Arraias em JavaScript
- Verifique se duas Cordas NÃO são iguais em JavaScript
- Verifique se dois Números NÃO são iguais em JavaScript
- Verificar se a variável não é igual a múltiplos valores no JS
- Verifique se uma Variável não é NULL no JavaScript
- Como verificar se uma variável é falsa em JavaScript
- Como obter o comprimento de uma corda em JavaScript
- Como obter o Comprimento de um Array em JavaScript
- Como anexar uma matriz a outra em JavaScript
- Verificar quantas vezes um Elemento aparece no JS Array
- Contagem de Ocorrências de cada Elemento em Array em JavaScript
- Contar os Elementos Únicos num Array em JavaScript
- Como adicionar múltiplos valores a um Array em JavaScript
- Verificar se as Variáveis Múltiplas não são NULL no JavaScript
- Verifique se a variável é Nula ou Indefinida em JavaScript