Jump to content
Fórum Script Brasil
  • 0

Como alimentar um banco de dados, a partir de JavaScript em um input em página HTML?


Question

Olá! Primeiramente, quero pedir desculpa pela simplicidade da pergunta, provavelmente este deve ser um assunto trivial para muitos daqui...

Eu sou muito iniciante, por isso certamente vocês notarão alguns erros no meu código.

 

Eu criei primeiramente o arquivo index.html, que possui o seguinte código:

 

<!doctype html>
<html lang="pt_br">
<head>
    <meta charset="utf-8">
    <title>Avaliações PF2 Aprovadas</title>
    <link href="style.css" rel="stylesheet" type"text/css">
</head>
<body>

<div id="container">

<h1>Avaliações</h1>

<div id="tabela">

<table border="1">
<script>
    var Campo1;
    var Campo2;
    var Campo3;
    var Campo4;
    var Campo5;
    var Campo6;
    var Campo7;
    var Campo8;
</script>
<thead>
<tr>
<th><script type>document.write('Campo1')</script></th>
<th><script type>document.write('Campo2')</script></th>
<th><script type>document.write('Campo3')</script></tH>
<th><script type>document.write('Campo4')</script></tH>
<th><script type>document.write('Campo5')</script></tH>
<th><script type>document.write('Campo6')</script></tH>
<th><script type>document.write('Campo7')</script></tH>
<th><script type>document.write('Campo8')</script></tH>
</tr>
</thead>
<tbody>
<tr>
<td>Resposta 1</td>
<td>Resposta 2</td>
<td>Resposta 3</td>
<td>Resposta 4</td>
<td>Resposta 5</td>
<td><select name="Opcoes_resp_6">
        <option>Opção 1</option>
        <option>Opção 2</option>
        <option>Opção 3</option>
    </select></td>
<td>    
    <select name="Opcoes_resp_7">
        <option>Resposta A</option>
        <option>Resposta B</option>
        <option>Resposta C</option>
        <option>Resposta D</option>
    </select>
</td>
<td><input></input></td>
<td><input type="button" name="botao-ok" value="OK" onclick="submit"></td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>

 

Também criei o arquivo style.css, que possui o seguinte código:

 

body
{
    font-family: Calibri;
    text-align: center;
}

h1{
    color:#0000ff;
}

#tabela{
    margin: 0 auto;
    width: 80%;
}

select{
    color: red;
}

 

 

Também criei o arquivo table.sql, (o qual tentei criar uma tabela) que possui o seguinte código:

 

CREATE TABLE AVALIACOES (
CAMPO1,
CAMPO2,
CAMPO3,
CAMPO4,
CAMPO5,
CAMPO6,
CAMPO7,
CAMPO8
);

 

 

Minha intenção é ter uma planilha em excel, que exportarei para SQL e essa tabela deverá aparecer na página html.

No entanto, essa tabela deverá ser uma ferramenta de interação com o usuário, onde os campos de 1 a 5 serão fixos, e eles deverá imputar uma resposta nos campos 6, 7 e , 8..

 

Ao clicar em "ok" a alteração deverá ser transmitida para o banco de dados da tabela SQL, para que eu possa exportar do site, posteriormente, os dados respondidos.

 

Não tenho ideia sobre como efetuar a interação entre o html/javascript/sql 

Alguém consegue me ajudar?

 

Aceito sugestões caso php seja mais prático que sql, por exemplo.

 

 

Muito obrigada!!!!

Link to post
Share on other sites

1 answer to this question

Recommended Posts

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      148719
    • Total Posts
      644508
×
×
  • Create New...