<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"><!--Tipografia látina-->
<meta name="viewport" content="width=device-width, user-scalable=no, maximum-scale=1.0, minimun-scale=1.0"/><!--Para el responsive-->
<link rel="stylesheet" type="text/css" href="test.css"><!--Extensión a CSS-->
<link rel="icon" type="image/jpg" href="manzana.png" /><!--Icono de la pagina-->
<script type="text/javascript" src="funciones.js"></script><!--Extensión a JS-->
<title>Test</title>
</head>
<body bgcolor="pink">
<div class="test">
<center> <h2>CONTESTA ESTE TEST PARA DESCUBRIR QUE TIPO DE PIEL TIENES</h2></center>
<br>
<center><fieldset style="width: 500px; height: 900px"><legend><i>Selecciona la opcion que mas se asemeje a tu tipo de piel</i></legend><br><br>
<center><fieldset style="width: 400px; height: 800px">
<code>¿Sientes que tu piel esta brillosa a menudo?</code><br><br>
<div class="radio">
<input type="radio" name="normal1" id="1normal1" value="rb1" >
<label for="1normal1" >No, tampoco la siento seca</label>
</div>
<div class="radio">
<input type="radio" name="mixta1" id="1mixta1" value="rb2" >
<label for="1mixta1">Solamente de la nariz y la frente</label>
</div>
<div class="radio">
<input type="radio" name="grasa1" id="1grasa1" value="rb3" >
<label for="1grasa1">Si</label>
</div>
<div class="radio">
<input type="radio" name="seca1" id="1seca1" value="rb4" >
<label for="1seca1">Mas bien la siento como seca</label>
</div><br><br>
<code>Tus poros son...</code><br><br>
<div class="radio">
<input type="radio" name="grasa2" id="1grasa2" value="2rb1">
<label>Casi no se notan</label><br>
</div>
<div class="radio">
<input type="radio" name="normal2" id="1normal2" value="2rb2">
<label>Apenas son visibles</label><br>
</div>
<div class="radio">
<input type="radio" name="mixta2" id="1mixta2" value="2rb3">
<label>Muy visibles</label><br>
</div>
<div class="radio">
<input type="radio" name="seca2" id="1seca2" value="2rb4">
<label>Estan dilatados</label><br>
</div> <br>
<code>¿Que aspecto tiene tu piel?</code><br><br>
<div class="radio">
<input type="radio" name="normal3" id="1normal3" value="3rb1">
<label>Fresca y tersa</label><br>
</div>
<div class="radio">
<input type="radio" name="seca3" id="1seca3" value="3rb2">
<label>Fina y seca</label><br>
</div>
<div class="radio">
<input type="radio" name="mixta3" id="1mixta3" value="3rb3">
<label>Seca por las mejillas, pero la zona T brillosa</label><br>
</div>
<div class="radio">
<input type="radio" name="grasa3" id="1grasa3" value="3rb4">
<label>Muy brillosa</label><br>
</div> <br>
<code>¿Como es tu piel al tacto?</code><br><br>
<div class="radio">
<input type="radio" name="normal4" id="1normal4" value="3rb1">
<label>Fresca y tersa</label><br>
</div>
<div class="radio">
<input type="radio" name="seca4" id="1seca4" value="3rb2">
<label>Fina y seca</label><br>
</div>
<div class="radio">
<input type="radio" name="mixta4" id="1mixta4" value="3rb3">
<label>Seca por las mejillas, pero la zona T brillosa</label><br>
</div>
<div class="radio">
<input type="radio" name="grasa4" id="1grasa4" value="3rb4">
<label>Muy brillosa</label><br>
</div> <br>
<code>¿Tienes granos?</code><br><br>
<div class="radio">
<input type="radio" name="seca5" id="1seca5" value="4rb1">
<label>Rara vez</label><br>
</div>
<div class="radio">
<input type="radio" name="normal5" id="1normal5" value="4rb2">
<label>Jamas</label><br>
</div>
<div class="radio">
<input type="radio" name="mixta5" id="1mixta5" value="4rb3">
<label>A veces</label><br>
</div>
<div class="radio">
<input type="radio" name="grasa5" id="1grasa5" value="4rb4">
<label>Con frecuencia</label><br>
</div> <br>
</fieldset></center></fieldset>
<center><button onclick="validar()" class="botontest" type="button" name="boton" style ="width:300px; height:70px">Resultado</button><!--Para mandar a cuidado de piel-->
</center>
</div>
</body>
</html>
> //variables de la primera
function validar(){
var normal1=document.getElementById('1normal1').checked;
var seca1=document.getElementById('1seca1').checked;
var mixta1=document.getElementById('1mixta1').checked;
var grasa1=document.getElementById('1grasa1').checked;
//variables de la segunda
var normal2=document.getElementById('1normal2').checked;
var seca2=document.getElementById('1seca2').checked;
var mixta2=document.getElementById('1mixta2').checked;
var grasa2=document.getElementById('1grasa2').checked;
//variables de la tercera
var normal3=document.getElementById('1normal3').checked;
var seca3=document.getElementById('1seca3').checked;
var mixta3=document.getElementById('1mixta3').checked;
var grasa3=document.getElementById('1grasa3').checked;
//variables de la cuarta
var normal4=document.getElementById('1normal4').checked;
var seca4=document.getElementById('1seca4').checked;
var mixta4=document.getElementById('1mixta4').checked;
var grasa4=document.getElementById('1grasa4').checked;
//variables de la quinta
var normal5=document.getElementById('1normal5').checked;
var seca5=document.getElementById('1seca5').checked;
var mixta5=document.getElementById('1mixta5').checked;
var grasa5=document.getElementById('1grasa5').checked;
//primera
var normal = 0, seca = 0, grasa = 0, mixta = 0;
if (document.getElementById('1normal1').checked==true) {
normal++;
}
if (document.getElementById('1seca1').checked==true) {
seca++;
}
if (document.getElementById('1mixta1').checked==true) {
mixta++;
}
if (document.getElementById('1grasa1').checked==true) {
mixta++;
}
//segunda
var normal = 0, seca = 0, grasa = 0, mixta = 0;
if (document.getElementById('1normal2').checked==true) {
normal++;
}
if (document.getElementById('1seca2').checked==true) {
seca++;
}
if (document.getElementById('1mixta2').checked==true) {
mixta++;
}
if (document.getElementById('1grasa2').checked==true) {
mixta++;
}
//tercera
var normal = 0, seca = 0, grasa = 0, mixta = 0;
if (document.getElementById('1normal3').checked==true) {
normal++;
}
if (document.getElementById('1seca3').checked==true) {
seca++;
}
if (document.getElementById('1mixta3').checked==true) {
mixta++;
}
if (document.getElementById('1grasa3').checked==true) {
mixta++;
}
//cuarta
var normal = 0, seca = 0, grasa = 0, mixta = 0;
if (document.getElementById('1normal4').checked==true) {
normal++;
}
if (document.getElementById('1seca4').checked==true) {
seca++;
}
if (document.getElementById('1mixta4').checked==true) {
mixta++;
}
if (document.getElementById('1grasa4').checked==true) {
mixta++;
}
//quinta
var normal = 0, seca = 0, grasa = 0, mixta = 0;
if (document.getElementById('1normal5').checked==true) {
normal++;
}
if (document.getElementById('1seca5').checked==true) {
seca++;
}
if (document.getElementById('1mixta5').checked==true) {
mixta++;
}
if (document.getElementById('1grasa5').checked==true) {
mixta++;
}
//procedimiento
if (normal >=seca && mixta && grasa) {
document.location.href="pielnormal.html";
}
if (mixta >=seca && normal && grasa) {
document.location.href="pielmixta.html";
}
if (grasa >=seca && normal && mixta ) {
document.location.href="pielgrasa.html";
}
if (seca >=grasa && normal && mixta ) {
document.location.href="pielseca.html";
}