vincentRamiere/Brief_starWars
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

le push du matin

Browse Source
This commit is contained in:
Sana EL HIRI 2021-10-20 09:40:36 +02:00
parent f78fe241b3
commit 0132c31c85
2 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
planetes.html
View File

@ -18,6 +18,7 @@
<li><a href="planetes.html">Planètes</a></li> <li><a href="planetes.html">Planètes</a></li>
</ul> </ul>
</nav> </nav>
<input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for names.." class="SearchBar">
</header> </header>
<h1>Planètes</h1> <h1>Planètes</h1>
<section class="container" id="container"> <!-- class Css--> <section class="container" id="container"> <!-- class Css-->

24
scripts/planetes.js
View File

@ -45,34 +45,38 @@ async function getPlanets() {
<h3>ORBITAL :</h3> <h3>ORBITAL :</h3>
<p>${ORBITAL_PERIOD}</p> <p>${ORBITAL_PERIOD}</p>
</div> </div>
<div> <div class="data">
<h3>Diameter :</h3> <h3>Diameter :</h3>
<p>${DIAMETER}</p> <p>${DIAMETER}</p>
</div> </div>
<div> <div class="data">
<h3>Climate :</h3> <h3>Climate :</h3>
<p>${CLIMATE}</p> <p>${CLIMATE}</p>
</div> </div>
<div> <div class="data" >
<h3>Gravity : </h3> <h3>Gravity : </h3>
<p>${GRAVITY}</p> <p>${GRAVITY}</p>
</div> </div>
<div> <div class="data" >
<h3>Terrain :</h3> <h3>Terrain :</h3>
<p>${TERRAIN}</p> <p>${TERRAIN}</p>
</div> </div>
<div> <div class="data">
<h3>Surface water : </h3> <h3>Surface water : </h3>
<p>${SURFACE_WATER}</p> <p>${SURFACE_WATER}</p>
</div> </div>
<div> <div class="data">
<h3>Population :</h3 <h3>Population :</h3
<p>${POPULATION}</p> <p>${POPULATION}</p>
</div> </div>
<button class="films" value="${PLANET.results[i].films}">Films</button> <div class="data">
<div id="detailsFilms${i}"></div> <button class="films" value="${PLANET.results[i].films}">Films</button>
<button class="residents" value="${PLANET.results[i].residents}">Résidents</button> <div id="detailsFilms${i}"></div>
<div id="detailsResidents${i}"></div> </div>
<div class="data">
<button class="residents" value="${PLANET.results[i].residents}">Résidents</button>
<div id="detailsResidents${i}"></div>
</div>
</section> </section>
`; `;