Advertisement
Guest User

Untitled

a guest
Feb 22nd, 2017
81
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.45 KB | None | 0 0
  1. //Array original:
  2. listadoCelulares = [
  3. {
  4.  
  5. "marca": "Motorola",
  6. "modelo": "3ra Generación",
  7. "sistema_operativo": "Android",
  8. "pantalla_pulgadas": 3,
  9. "pantalla_resolucion": "1280x720",
  10. "camara_resolucion": "8 Mpx",
  11. "camara_frontal": false,
  12. "camara_frontal_res": "5 Mpx",
  13. "memoria_interna": "16 GB",
  14. "flash": "si"
  15. }
  16. ,
  17. {
  18. "marca": "Motorola",
  19. "modelo": "2da Generación",
  20. "sistema_operativo": "Android",
  21. "pantalla_pulgadas": 2,
  22. "pantalla_resolucion": "1280x720",
  23. "camara_resolucion": "8 Mpx",
  24. "camara_frontal": false,
  25. "camara_frontal_res": "5 Mpx",
  26. "memoria_interna": "16 GB",
  27. "flash": "si"
  28. }
  29. ,
  30. {
  31.  
  32. "marca": "Motorola",
  33. "modelo": "G 4 PLAY",
  34. "sistema_operativo": "Android",
  35. "pantalla_pulgadas": 2,
  36. "pantalla_resolucion": "1280x720",
  37. "camara_resolucion": "8 Mpx",
  38. "camara_frontal": true,
  39. "camara_frontal_res": "5 Mpx",
  40. "memoria_interna": "16 GB",
  41. "flash": true
  42. }
  43. ,
  44. {
  45.  
  46. "marca": "Samsung",
  47. "modelo": "Galaxy Note J7",
  48. "sistema_operativo": "Android",
  49. "pantalla_pulgadas": 8,
  50. "pantalla_resolucion": "720x1280",
  51. "camara_resolucion": "13 Mpx",
  52. "camara_frontal": true,
  53. "camara_frontal_res": "5 Mpx",
  54. "memoria_interna": "16 GB",
  55. "flash": true
  56. }
  57. ,
  58. {
  59.  
  60. "marca": "Huawei",
  61. "modelo": "P8",
  62. "sistema_operativo": "Android",
  63. "pantalla_pulgadas": 6,
  64. "pantalla_resolucion": "1280x720",
  65. "camara_resolucion": "13 Mpx",
  66. "camara_frontal": false,
  67. "camara_frontal_res": "5 Mpx",
  68. "memoria_interna": "16 GB",
  69. "flash": true
  70. }
  71. ,
  72. {
  73.  
  74. "marca": "Huawei",
  75. "modelo": "Y360D",
  76. "sistema_operativo": "Android",
  77. "pantalla_pulgadas": 4,
  78. "pantalla_resolucion": "800x480",
  79. "camara_resolucion": "5 Mpx",
  80. "camara_frontal": true,
  81. "camara_frontal_res": "2 Mpx",
  82. "memoria_interna": "4 GB",
  83. "flash": false
  84. }
  85. ,
  86. {
  87.  
  88. "marca": "Sony",
  89. "modelo": "Xperia M2",
  90. "sistema_operativo": "Android",
  91. "pantalla_pulgadas": 5,
  92. "pantalla_resolucion": "800x480",
  93. "camara_resolucion": "13 Mpx",
  94. "camara_frontal": false,
  95. "camara_frontal_res": "5 Mpx",
  96. "memoria_interna": "16 GB",
  97. "flash": false
  98. }
  99. ,
  100. {
  101. "marca": "Sony",
  102. "modelo": "Z3",
  103. "sistema_operativo": "Android",
  104. "pantalla_pulgadas": 7,
  105. "pantalla_resolucion": "800x480",
  106. "camara_resolucion": "13 Mpx",
  107. "camara_frontal": true,
  108. "camara_frontal_res": "5 Mpx",
  109. "memoria_interna": "16 GB",
  110. "flash": true
  111. }
  112. ,
  113. {
  114. "marca": "LG",
  115. "modelo": "Leon",
  116. "sistema_operativo": "Android",
  117. "pantalla_pulgadas": 4,
  118. "pantalla_resolucion": "800x480",
  119. "camara_resolucion": "13 Mpx",
  120. "camara_frontal": true,
  121. "camara_frontal_res": "5 Mpx",
  122. "memoria_interna": "16 GB",
  123. "flash": false
  124. }
  125. ,
  126. {
  127. "marca": "LG",
  128. "modelo": "Spirit",
  129. "sistema_operativo": "Android",
  130. "pantalla_pulgadas": 5,
  131. "pantalla_resolucion": "800x480",
  132. "camara_resolucion": "13 Mpx",
  133. "camara_frontal": true,
  134. "camara_frontal_res": "5 Mpx",
  135. "memoria_interna": "16 GB",
  136. "flash": true
  137. }
  138. ,
  139. {
  140. "marca": "Sony",
  141. "modelo": "Z2",
  142. "sistema_operativo": "Android",
  143. "pantalla_pulgadas": 5,
  144. "pantalla_resolucion": "800x480",
  145. "camara_resolucion": "13 Mpx",
  146. "camara_frontal": true,
  147. "camara_frontal_res": "5 Mpx",
  148. "memoria_interna": "16 GB",
  149. "flash": true
  150. }
  151. ,
  152. {
  153. "marca": "Samsung",
  154. "modelo": "S7",
  155. "sistema_operativo": "Android",
  156. "pantalla_pulgadas": 7,
  157. "pantalla_resolucion": "800x480",
  158. "camara_resolucion": "13 Mpx",
  159. "camara_frontal": true,
  160. "camara_frontal_res": "5 Mpx",
  161. "memoria_interna": "16 GB",
  162. "flash": false
  163. }
  164. ,
  165. {
  166. "marca": "Samsung",
  167. "modelo": "A4",
  168. "sistema_operativo": "Android",
  169. "pantalla_pulgadas": 5,
  170. "pantalla_resolucion": "800x480",
  171. "camara_resolucion": "13 Mpx",
  172. "camara_frontal": true,
  173. "camara_frontal_res": "5 Mpx",
  174. "memoria_interna": "16 GB",
  175. "flash": false
  176. }
  177. ,
  178. {
  179. "marca": "Samsung",
  180. "modelo": "A5",
  181. "sistema_operativo": "Android",
  182. "pantalla_pulgadas": 4,
  183. "pantalla_resolucion": "800x480",
  184. "camara_resolucion": "13 Mpx",
  185. "camara_frontal": true,
  186. "camara_frontal_res": "5 Mpx",
  187. "memoria_interna": "16 GB",
  188. "flash": false
  189. }
  190. ,
  191. {
  192. "marca": "Sony",
  193. "modelo": "Z1",
  194. "sistema_operativo": "Android",
  195. "pantalla_pulgadas": 5,
  196. "pantalla_resolucion": "800x480",
  197. "camara_resolucion": "13 Mpx",
  198. "camara_frontal": true,
  199. "camara_frontal_res": "5 Mpx",
  200. "memoria_interna": "16 GB",
  201. "flash": true
  202. }
  203. ,
  204. {
  205. "marca": "Huawei",
  206. "modelo": "Y570",
  207. "sistema_operativo": "Android",
  208. "pantalla_pulgadas": 5,
  209. "pantalla_resolucion": "800x480",
  210. "camara_resolucion": "13 Mpx",
  211. "camara_frontal": true,
  212. "camara_frontal_res": "5 Mpx",
  213. "memoria_interna": "16 GB",
  214. "flash": false
  215. }
  216. ,
  217. {
  218. "marca": "LG",
  219. "modelo": "Leon 4LTE",
  220. "sistema_operativo": "Android",
  221. "pantalla_pulgadas": 5,
  222. "pantalla_resolucion": "800x480",
  223. "camara_resolucion": "13 Mpx",
  224. "camara_frontal": true,
  225. "camara_frontal_res": "5 Mpx",
  226. "memoria_interna": "16 GB",
  227. "flash": false
  228. }
  229. ,
  230. {
  231. "marca": "Iphone",
  232. "modelo": "6ta gen",
  233. "sistema_operativo": "Android",
  234. "pantalla_pulgadas": 5,
  235. "pantalla_resolucion": "800x480",
  236. "camara_resolucion": "13 Mpx",
  237. "camara_frontal": true,
  238. "camara_frontal_res": "5 Mpx",
  239. "memoria_interna": "16 GB",
  240. "flash": true
  241. }
  242. ,
  243. {
  244. "marca": "Iphone",
  245. "modelo": "4S gen",
  246. "sistema_operativo": "Android",
  247. "pantalla_pulgadas": 5,
  248. "pantalla_resolucion": "800x480",
  249. "camara_resolucion": "13 Mpx",
  250. "camara_frontal": true,
  251. "camara_frontal_res": "5 Mpx",
  252. "memoria_interna": "16 GB",
  253. "flash": true
  254. }
  255. ,
  256. {
  257. "marca": "Hyundai",
  258. "modelo": "Next",
  259. "sistema_operativo": "Android",
  260. "pantalla_pulgadas": 5,
  261. "pantalla_resolucion": "800x480",
  262. "camara_resolucion": "13 Mpx",
  263. "camara_frontal": false,
  264. "camara_frontal_res": "5 Mpx",
  265. "memoria_interna": "16 GB",
  266. "flash": false
  267. }
  268. ,
  269. {
  270. "marca": "Iphone",
  271. "modelo": "5S gen",
  272. "sistema_operativo": "Android",
  273. "pantalla_pulgadas": 5,
  274. "pantalla_resolucion": "800x480",
  275. "camara_resolucion": "13 Mpx",
  276. "camara_frontal": true,
  277. "camara_frontal_res": "5 Mpx",
  278. "memoria_interna": "16 GB",
  279. "flash": true
  280. }
  281. ,
  282. {
  283. "marca": "Iphone",
  284. "modelo": "7ma gen",
  285. "sistema_operativo": "Android",
  286. "pantalla_pulgadas": 5,
  287. "pantalla_resolucion": "800x480",
  288. "camara_resolucion": "13 Mpx",
  289. "camara_frontal": true,
  290. "camara_frontal_res": "5 Mpx",
  291. "memoria_interna": "16 GB",
  292. "flash": true
  293. }
  294. ,
  295. {
  296. "marca": "Hyundai",
  297. "modelo": "Extreme",
  298. "sistema_operativo": "Android",
  299. "pantalla_pulgadas": 5,
  300. "pantalla_resolucion": "800x480",
  301. "camara_resolucion": "13 Mpx",
  302. "camara_frontal": true,
  303. "camara_frontal_res": "5 Mpx",
  304. "memoria_interna": "16 GB",
  305. "flash": false
  306.  
  307. }
  308. ,
  309. {
  310. "marca": "Hyundai",
  311. "modelo": "TimeSpace",
  312. "sistema_operativo": "Android",
  313. "pantalla_pulgadas": 5,
  314. "pantalla_resolucion": "800x480",
  315. "camara_resolucion": "13 Mpx",
  316. "camara_frontal": true,
  317. "camara_frontal_res": "5 Mpx",
  318. "memoria_interna": "16 GB",
  319. "flash": true
  320. }
  321. ];
  322. function refinarCamaraFrontal(){
  323.  
  324.  
  325. //Función Camara frontal si
  326.  
  327. var camaraFrontalTrueCheckbox= document.getElementById("con"); //Elemento elegido Checkbox del html para aplicarle la condición de checkeado
  328.  
  329. var ulElegidoCamaraFrontal= document.getElementById("resultadosCamaraFrontal"); //Ul elegido para hacer de contenedor y que aparezcan los resultados
  330.  
  331. var refinarPorCamaraFrontal= document.getElementById("camaraFrontal");
  332.  
  333.  
  334.  
  335.  
  336. if(camaraFrontalTrueCheckbox.checked){ //Condición de checkeado
  337.  
  338. //Creamos el String del título
  339. var tituloResultado= document.createTextNode("Resultados con Cámara:")
  340.  
  341. pTitulo= document.createElement("p");
  342. pTitulo.style.fontSize="16px";
  343. pTitulo.style.color="Coral";
  344. pTitulo.appendChild(tituloResultado);
  345. ulElegidoCamaraFrontal.appendChild(pTitulo);
  346.  
  347. for(var i=0; i<listadoCelulares.length; i++){
  348.  
  349. if(listadoCelulares[i].camara_frontal==true){
  350.  
  351.  
  352.  
  353. // solo si encuentra agrega
  354. var liCamaraFrontal= document.createElement("li");
  355.  
  356. // Adherimos el 'li' a el 'ul' elegido
  357. ulElegidoCamaraFrontal.appendChild(liCamaraFrontal);
  358.  
  359. // Creamos un String
  360. var displayCamaraFrontal = document.createTextNode(listadoCelulares[i].marca+" "+listadoCelulares[i].modelo+" Ca.fr: "+listadoCelulares[i].camara_frontal);
  361.  
  362. // Adherimos el String creado
  363. liCamaraFrontal.appendChild(displayCamaraFrontal);
  364.  
  365.  
  366.  
  367. refinarPorCamaraFrontal.onclick= function(){
  368.  
  369. document.getElementById("resultadosCamaraFrontal").innerHTML="";
  370. }
  371. }
  372. }
  373. }
  374. }
  375.  
  376. <div id="camaraFrontal">
  377. <form id="refinarCamaraFrontal" action="javascript:;" onsubmit="refinarCamaraFrontal()">
  378. <p>Filtrar por cámara frontal:<br></p>
  379. <input type="checkbox" id="con" name="con" value="con"> Con cámara Frontal<br>
  380. <input type="checkbox" id="sin" name="sin" value="sin"> Sin cámara Frontal<br>
  381.  
  382. <input type="submit" value="Filtrar">
  383. </form>
  384.  
  385. <p>Resultados</p>
  386. <ul id="resultadosCamaraFrontal"></ul>
  387. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement