Adaptação de linha de código para Input[type='text']

[João Paulo Hildebrand 0]

Bom dia pessoal!

Gostaria de adaptar a linha:

 

material = prompt("Digite o material", "");

 

Para receber o valor de um input[type=text], em vez de ser por prompt.

 

Script completo:

<script type="text/javascript">
	var material = new Array(3);
	for(i = 0; i < 3; i++){
		material[i] = prompt("Digite o material", "");
		document.write(material[i] + "<br />");
	};
</script>

 

Alguém poderia me dar essa força?

Valeu!

[Lucas Guima 164]

Sabe criá-los?

[João Paulo Hildebrand 0]

Bom dia Lucas! Até sei cara, mas não estou conseguindo adaptá-lo ao código. Sei que é bem burrice, mas tá difícil sair correto...

 

 

<input type='text' name='nameDaTag' />

[Lucas Guima 164]

Bom, agora você precisa resgatá-los antes de exibir. Isso você faz antes do seu loop e dentro dele você percorre os itens encontrados.

 

https://www.google.com.br/search?q=js+get+elements

[João Paulo Hildebrand 0]

Então, até essa parte eu já tinha tentado. Meu problema começou quando eu precisei que fosse resgatado esses valores dos inputs em uma função de um botão.

 

Por exemplo, tenho um input de texto e um botão. Quando clicado nesse botão, armazenasse o valor desse input em um Array. Fazendo um loop, acredito.

 

Poderia me dar essa força no código?

[Lucas Guima 164]

Você precisa de um formulário.

 

Dentro dele você coloca os inputs e um botão submit, que fará o envio para onde você apontar.

 

Você vai utilizar alguma linguagem server-side ou precisa resgatar no front mesmo?

[João Paulo Hildebrand 0]

Lucas, só front mesmo.

 

Poderia digitar um código rápido que resolveria esse meu problema, se não for atrapalhar?

 

Imagine um sistema de pedidos, que tem um campo Material e um Quantidade.

Quando clicar em um botão para cadastrar esse material, irá cadastrar em um array esse Material com a Quantidade, e em seguida limpar os campos para digitar outro material e quantidade, e assim sucessivamente...

Lucas, encontrei um script show de bola agora.

Muito obrigado pela força cara!

 

Para quem precisar futuramente, segue:

 

 

<input type="text" name="name" id="material" />

<input type="button" Value="Cadastrar" onclick="cadastrar();"/>

<script>

var material = new Array();

function cadastrar(){

material[material.length] = document.getElementById("material").value;

var string = "<br />";

for(i = 0; i < material.length; i++){

string = string + material + "<br>";

document.getElementById("resultado").innerHTML = "<p>" + string +"</p>";

};

};

</script>

<div id="resultado"></div>

 

 

Obrigado.