Advertisement
Guest User

Untitled

a guest
Mar 29th, 2020
102
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.00 KB | None | 0 0
  1. // Luodaan joukkueen lisääminen www-sivulle
  2. var div = document.getElementsByTagName("div")[1]; // Etsitään oikea div johon joukkueen lisääminen luodaan
  3.  
  4. var fieldset = document.createElement("fieldset"); // Luodaan fieldset
  5. var legend = document.createElement("legend");
  6. var legendTeksti = document.createTextNode("Joukkueen tiedot");
  7. legend.appendChild(legendTeksti);
  8. fieldset.appendChild(legend);
  9.  
  10. var p1 = document.createElement("p"); // Luodaan Nimi-input
  11. var labelNimi = document.createElement("label");
  12. labelNimi.textContent = "Nimi"
  13. labelNimi.setAttribute("for", "inputNimi");
  14. var inputNimi = document.createElement("input");
  15. inputNimi.setAttribute("id", "inputNimi");
  16. labelNimi.appendChild(inputNimi);
  17. p1.appendChild(labelNimi);
  18. fieldset.appendChild(p1);
  19.  
  20. var p2 = document.createElement("p"); // Luodaan Leimaustapa-otsikko
  21. var leimaustapaOtsikko = document.createElement("label");
  22. leimaustapaOtsikko.textContent = "Leimaustapa";
  23. leimaustapaOtsikko.setAttribute("for", "inputTapa");
  24. p2.appendChild(leimaustapaOtsikko);
  25. fieldset.appendChild(p2);
  26. for (var i=0; i < tavat.length; i++) { // Luodaan Leimaustapa-input jossa checkbox jokaiselle taulussa olevalle tavalle
  27. var p = document.createElement("p");
  28. p.setAttribute("class", "valinta");
  29. var labelTapa = document.createElement("label");
  30. labelTapa.textContent = tavat[i];
  31. labelTapa.setAttribute("for", "inputTapa");
  32. var inputTapa = document.createElement("input");
  33. inputTapa.setAttribute("id", "inputTapa");
  34. inputTapa.setAttribute("type", "checkbox");
  35. inputTapa.setAttribute("name", "tapa");
  36. inputTapa.setAttribute("value", tavat[i]);
  37. labelTapa.appendChild(inputTapa);
  38. p.appendChild(labelTapa);
  39. p2.appendChild(p);
  40. fieldset.appendChild(p2);
  41. }
  42.  
  43. var p3 = document.createElement("p"); // Luodaan Sarja-otsikko
  44. var sarjaOtsikko = document.createElement("label");
  45. sarjaOtsikko.textContent = "Sarja";
  46. sarjaOtsikko.setAttribute("for", "inputSarja");
  47. p3.appendChild(sarjaOtsikko);
  48. fieldset.appendChild(p3);
  49. for (var i=0; i < sarjat.length; i++) { // Luodaan Sarja-input jossa radio jokaiselle taulussa olevalle sarjalle
  50. var p = document.createElement("p");
  51. var labelSarja = document.createElement("label");
  52. labelSarja.textContent = sarjat[i];
  53. labelSarja.setAttribute("for", "inputSarja");
  54. labelSarja.setAttribute("class", "valinta");
  55. var inputSarja = document.createElement("input");
  56. inputSarja.setAttribute("id", "inputSarja");
  57. inputSarja.setAttribute("type", "radio");
  58. inputSarja.setAttribute("name", "sarja");
  59. inputSarja.setAttribute("value", sarjat[i]);
  60. inputSarja.checked = true;
  61. labelSarja.appendChild(inputSarja);
  62. p.appendChild(labelSarja);
  63. p3.appendChild(p);
  64. fieldset.appendChild(p3);
  65. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement