Adquirindo valor em input HTML

Estou fazendo um teste com a página…

<!DOCTYPE html>
<html lang="pt-br">

<head>
	<title>Form de exemplo com radios</title>
	<meta charset="utf-8">
</head>

<body>
	<form action="form-action.php" method="post">
		<p>
			<input type="radio" name="band-rock" value="Beatles"/>The Beatles
			<input type="radio" name="band-rock" value="Led Zeppelin"/> Led Zeppelin
			<input type="radio" name="band-rock" value="Pink Floyd"/>Pink Floyd
			<input type="radio" name="band-rock" value="Black Sabbath"/>Black Sabbath
		</p>
		
		<p>
			<input type="button" id="btnSubmit" value="Submit me!" />
			<input type="button" id="btnLoad" value="Load!" />
		</p>
		
		<p>
			<input type="text" id = "texto" value="" disabled/>
		</p>
	</form>
	
	<script type="text/javascript" src="radios-v1.0.js"></script>
</body>

</html>

E então como eu faço para que ao invés do alert retorne nesse campo de texto com o js ?

/**
 * Botão Submit
 */
document.getElementById("btnSubmit").onclick = function() {
    var radios = document.getElementsByName("band-rock");
    for (var i = 0; i < radios.length; i++) {
        if (radios[i].checked) {
            alert("Escolheu: " + radios[i].value);
            //console.log("Escolheu: " + radios[i].value);
        }
    }
};

/**
 * Botão Load
 */
document.getElementById("btnLoad").onclick = function() {
    var radios = document.getElementsByName("band-rock");

    for (var i = 0; i < radios.length; i++) {
        if (radios[i].value === "The Beatles") {
            radios[i].checked = true;
        }
    }
};

Similiar a esse exemplo eu tenho um outro arquivo HTML de um projeto…

Banheiro: 0 1 2 3 4 ou + Esse tipo de código gera um radio button com um retorno de uma operação em javascript e que precisa retornar a partir de um cálculo de arrays: function calcularNivel(){ var banheiro = [0,3,7,10,14]//contBanheiro 0,1,2,3,4 var mensalistas = [0,3,7,10,13] var automoveis = [0,3,5,8,11] var microcomputador = [0,3,6,8,11] var lavaloucas = [0,3,6,6,6] var geladeira = [0,2,3,5,5] var freezer = [0,2,4,6,6] var lavaroupa = [0,2,4,6,6] var dvd = [0,1,3,4,6] var microondas = [0,2,4,4,4] var motocicleta = [0,1,3,3,3] var secadora = [0,2,2,2,2] var agua = 0; var rua = 0;

var contEmpregadas = document.getElementById("contEmpregadas");
contEmpregadas = parseInt(contEmpregadas); 

var contAutomoveis = document.getElementById("contAutomoveis"); 
contAutomoveis = parseInt(contAutomoveis); 

var contMicrocomputador = document.getElementById("contMicrocomputador");  
contMicrocomputador = parseInt(contMicrocomputador); 

var contLavaLoucas = document.getElementById("contLavaLoucas");
contLavaLoucas = parseInt(contLavaLoucas); 

var contGeladeira = document.getElementById("contGeladeira");
contGeladeira = parseInt(contGeladeira); 

var contFreezer = document.getElementById("contFreezer");
contFreezer = parseInt(contFreezer); 

var contLavaRoupas = document.getElementById("contLavaRoupas");
contLavaRoupas = parseInt(contLavaRoupas); 

var contDvd = document.getElementById("contDvd");
contDvd =  parseInt(contDvd);

var contMicroondas = document.getElementById("contMicroondas");
contMicroondas =  parseInt(contMicroondas);  

var contMotocicleta = document.getElementById("contMotocicleta");
contMotocicleta = parseInt(contMotocicleta);

var contSecadoraRoupas = document.getElementById("contSecadoraRoupas");
contSecadoraRoupas = parseInt(contSecadoraRoupas);

var aguaEncanada = document.getElementById("aguaEncanada");

var ruaPavimentada = document.getElementById("ruaPavimentada");

var instrucao = document.getElementById("instrucao"); 

instrucao = parseInt("instrucao");

function mostrarPontosBanheiro(){
	document.getElementById('pontosBanheiro').value = getContBanheiro('contBanheiro'); 
}

function getContBanheiro(name){
	var contBanheiro = document.getElementsByName(name);
	contBanheiro = parseInt(contBanheiro);
  	for(contBanheiro = 0; contBanheiro < contBanheiro.length; contBanheiro++){
    		if(banheiro[contBanheiro].checked){
    			return banheiro[contBanheiro].value; 
    		}
    	}
 return null;
 }
 

function calcularPontosMensalista(contEmpregadas){
	 emp = mensalistas[contEmpregadas];
	 return emp; 
}
function calcularPontosAutomoveis(contAutomoveis){
	aut = automoveis[contAutomoveis];
	return aut; 
}
function calcularPontosMicrocomputador(contMicrocomputador){
	mic = microcomputador[contMicrocomputador];
	return mic     	
}
function calcularPontosLavaLoucas(contLavaLoucas){
	lac = lavaloucas[contLavaLoucas];
	return lac; 
}    
function calcularPontosGeladeira(contGeladeira){
	ger = geladeira[contGeladeira]; 
	return ger; 
}
function calcularPontosFreezer(contFreezer){
	fre = freezer[contFreezer]; 
	return fre; 
}
function calcularPontosLavaRoupas(contLavaRoupas){
	lap = lavaroupa[contLavaRoupas]; 
	return lap; 
}
function calcularPontosDvd(contDvd){
	dvd1 = dvd[contDvd];
	return dvd1;
}
function calcularPontosMicroondas(contMicroondas){
	mir = microondas[contMicroondas]; 
	return mir; 
}
function calcularPontosMotocicleta(contMotocicleta){
	mot = motocicleta[contMotocicleta];
	return mot; 
}
function calcularPontosSecadoraRoupas(contSecadoraRoupas){
	sec = secadora[contSecadoraRoupas];
	return sec; 
}
function pontosAgua(aguaEncanada){
	if(aguaEncanada == "s"){
        agua = 4;
    }else{
        agua = 0;
    }
	return agua;
}
function pontosRua(ruaPavimentada){
	if(ruaPavimentada == "s"){
        rua = 2;
    }else{
        rua = 0; 
    }
	return rua; 
} 

  	var pontos = contBanheiro[banheiro] + contEmpregadas[mensalistas] +  contAutomoveis[automoveis] + contMicrocomputador[microcomputador] 
    + contLavaLoucas[lavaloucas] + contGeladeira[geladeira] + contFreezer[freezer] + contLavaRoupas[lavaroupa] 
    + contDvd[dvd] + contMicroondas[microondas] + contSecadoraRoupas[secadora] + agua + rua + instrucao; 
  	
function calcularNivel(pontos){
	if(pontos >= 0 && pontos <= 16){
        var nivel = "D/E"
        document.getElementByName('nivel').value = nivel.value;
    }
    else if(pontos >= 17 && pontos <= 22){
        nivel = "C2"; 
        document.getElementByName('nivel').value = nivel.value;
    }
    else if(pontos >= 23 && pontos <= 28){
        nivel = "C1"; 
        document.getElementByName('nivel').value = nivel.value;
    }
    else if(pontos >= 29 && pontos <= 37){
        nivel = "B2"; 
        document.getElementByName('nivel').value = nivel.value;
    }
    else if(pontos >= 38 && pontos <= 44){
        nivel = "B1"; 
        document.getElementByName('nivel').value = nivel.value;
    }
    else if(pontos >= 45 && pontos <= 100){
        nivel = "A"; 
        document.getElementByName('nivel').value = nivel.value;
    }

}

4 Respostas

Topicos relacionados