<!DOCTYPE html>
<html>
<head>
<title>La Obesidad</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1">
<link rel="stylesheet" href="css/fontello.css">
<link rel="stylesheet" href="css/estilos.css">
<link rel="short icon" href="img/pipo.jpg">
</head>
<body>
<header>
<div class="contenedor">
<h1 class="icon-child">Test</h1>
<input type="checkbox" id="menu-bar">
<label class="icon-menu"for="menu-bar"></label>
<nav class="menu">
<a href="ini.html">Inicio</a>
<a href="conse.html">Consecuencias</a>
<a href="solu.html">Soluciones</a>
<a href="cont.html">Contacto</a>
<a href="test.html">Test</a>
</nav>
</div>
</header>
<main>
<section id="banner">
<img src="img/banner.jpg">
<div class="contenedor">
<h2>Test</h2>
<a href="loco.html">Leer mas</a>
</div>
</section>
<section>
<div class="container-contact100">
<div class="wrap-contact100">
<form>
<span class="form-title">
Test de la huella ecologica
</span>
<h3>1.-¿Cuantas frutas y verduras producidas en tu region?</h3>
<label class="container">Si y prefiero las que vienen sin envasar
<input type="radio" value="2" name="p1" id="p1a"/>
<span class="checkmark"></span>
</label>
<label class="container">Si, aunque aveces las compro envasadas
<input type="radio" value="10" name="p1" id="p1b"/>
<span class="checkmark"></span>
</label>
<label class="container">No, compro productos de otras regiones que, en muchas ocasiones, estan envasadas
<input type="radio" value="20" name="p1" id="p1c"/>
<span class="checkmark"></span>
</label>
<h3>2.-¿Que haces con los restos de comida que sobran?</h3>
<label class="container">Los tiro directamente a la basura
<input type="radio" value="150" name="p2" id="p2a"/>
<span class="checkmark"></span>
</label>
<label class="container">Procuro aprovecharlos
<input type="radio" value="50" name="p2" id="p2b"/>
<span class="checkmark"></span>
</label>
<h3>3.-¿Que transporte utilizas para tus actividades diarias?</h3>
<label class="container">Transporte publico
<input type="radio" value="5" name="p3" id="p3a"/>
<span class="checkmark"></span>
</label>
<label class="container">Voy en bici o caminando
<input type="radio" value="3" name="p3" id="p3b"/>
<span class="checkmark"></span>
</label>
<label class="container">Uso el coche
<input type="radio" value="70" name="p3" id="p3c"/>
<span class="checkmark"></span>
</label>
<h3>4.-¿Cuando usas la lavadora?</h3>
<label class="container">Espero a tener suficienteropa para llenarla
<input type="radio" value="85" name="p4" id="p4a"/>
<span class="checkmark"></span>
</label>
<label class="container">La pongo en cuanto la necesito, sin importar la cantidad
<input type="radio" value="100" name="p4" id="p4b"/>
<span class="checkmark"></span>
</label>
<label class="container">Espero a tener suficiente ropa y compre un modelo ahorrador
<input type="radio" value="40" name="p4" id="p4c"/>
<span class="checkmark"></span>
</label>
<h3>5.-¿Que tipo de calentador utilizas?</h3>
<label class="container">Solar
<input type="radio" value="5" name="p5" id="p5a"/>
<span class="checkmark"></span>
</label>
<label class="container">De gas
<input type="radio" value="45" name="p5" id="p5b"/>
<span class="checkmark"></span>
</label>
<h3>6.-Cuando no estas usando aparatos electricos, ¿Los desconectas?</h3>
<label class="container">Casi siempre
<input type="radio" value="5" name="p6" id="p6a"/>
<span class="checkmark"></span>
</label>
<label class="container">Nunca
<input type="radio" value="40" name="p6" id="p6b"/>
<span class="checkmark"></span>
</label>
<label class="container">Algunas veces
<input type="radio" value="30" name="p6" id="p6c"/>
<span class="checkmark"></span>
</label>
<h3>7.-¿Qué haces con los residuro que produces en tu hogar?</h3>
<label class="container">Los pongo en un unico bote
<input type="radio" value="70" name="p7" id="p7a"/>
<span class="checkmark"></span>
</label>
<label class="container">Los trato de reutilizar o los separo y los comprimo
<input type="radio" value="55" name="p7" id="p7b"/>
<span class="checkmark"></span>
</label>
<h3>8.-Cuando lavas los trastes</h3>
<label class="container">Abres solo la llava para enjuagar
<input type="radio" value="5" name="p8" id="p8a"/>
<span class="checkmark"></span>
</label>
<label class="container">Mantienes la llave abierta mientras los enjabonas
<input type="radio" value="15" name="p8" id="p8b"/>
<span class="checkmark"></span>
</label>
<h3>9.-¿Cuanto te tardas en bañarte?</h3>
<label class="container">Menos de 5 minutos
<input type="radio" value="5" name="p9" id="p9a"/>
<span class="checkmark"></span>
</label>
<label class="container">Entre 5 a 10 minutos
<input type="radio" value="10" name="p9" id="p9b"/>
<span class="checkmark"></span>
</label>
<label class="container">Mas de 10 minutos
<input type="radio" value="15" name="p9" id="p9c"/>
<span class="checkmark"></span>
</label>
<div class="container-contact100-form-btn">
<button class="contact100-form-btn" onclick="resultado()">
<span>
Enviar
<i class="fa fa-long-arrow-right m-l-7" aria-hidden="true"></i>
</span>
</button>
</div>
</form>
</div>
</div>
<script type="text/javascript">
function resultado(){
var res = 0;
var p1=document.getElementsByName("p1");
for(var i=0;i<p1.length;i++){
if(p1[i].checked)
res+= parseInt(p1[i].value);
}
var p2=document.getElementsByName("p2");
for(var i=0;i<p2.length;i++){
if(p2[i].checked)
res += parseInt(p2[i].value);
}
var p3=document.getElementsByName("p3");
for(var i=0;i<p3.length;i++){
if(p3[i].checked)
res += parseInt(p3[i].value);
}
var p4=document.getElementsByName("p4");
for(var i=0;i<p4.length;i++){
if(p4[i].checked)
res += parseInt(p4[i].value);
}
var p5=document.getElementsByName("p5");
for(var i=0;i<p5.length;i++){
if(p5[i].checked)
res += parseInt(p5[i].value);
}
var p6=document.getElementsByName("p6");
for(var i=0;i<p6.length;i++){
if(p6[i].checked)
res += parseInt(p6[i].value);
}
var p7=document.getElementsByName("p7");
for(var i=0;i<p7.length;i++){
if(p7[i].checked)
res += parseInt(p7[i].value);
}
var p8=document.getElementsByName("p8");
for(var i=0;i<p8.length;i++){
if(p8[i].checked)
res += parseInt(p8[i].value);
}
var p9=document.getElementsByName("p9");
for(var i=0;i<p9.length;i++){
if(p9[i].checked)
res += parseInt(p9[i].value);
}
alert("tu nota es "+res+", ¿Cuantos planetas necesitas para vivir?");
resu(res);
}
function resu(res){
if (res<200)
alert("Tu estilo de vida se adapta perfectamente a la capacidad de carga del planeta y no consumes mas de lo que te corresponde.")
if(res>400)
alert("Tu nivel de consumo supera la capacidad de carga del planeta. Si todo el mundo viviera como tu, serian necesarios mas de dos tierras para abastecernos de recursos.")
if(200<res && res<400)
alert("Tu estilo de vida es insostenible, si todo el mundo consumiera los mismos recursos que tu, se necesitarian mas de tres tierras para mantener a toda la poblacion.")
}
</script>
</section>
</main>
<div>
<strong><h3>Respuestas</h3></strong>
<ul>
<li>Si tu puntuacion es menor a 200 puntos, tu estilo de vida se adapta perfectamente a la capacidad de carga del planeta y no consunmes mas de lo que te corresponde.</li><br>
<li>si tu puntuacion esta entre 200 y 400 puntos significa que tu nivel de consumo supera la capacidad de carga del planeta. Si todo el mundo viviera como tu, serian necesarias mas de dos tierras para abastecernos de recursos.</li><br>
<li>Si tu puntuacion es mayor a 400 puntos significa que tu estilo de vida es insostenible si todo el mundo consumiera los mismos recursos que tu se necesitaran mas de tres tierras para mantener a toda la poblacion.</li>
</ul>
</div><br>
<footer>
<div class="contenedor">
<p class="copy">La obesidad © 2019</p>
<div class="sociales">
<a class="icon-facebook" href="#"></a>
<a class="icon-twitter" href="#"></a>
<a class="icon-instagram-1" href="#"></a>
<a class="icon-whatsapp" href="#"></a>
</div>
</div>
<div id="pie">
<p><a href="mailto:elizasega24@gmail.com" target="_top">Enviar Comentarios</a></p>
</div>
</footer>
</body>
</html>