<script> let x = ['Soy Sauce', 'Milk', 'Oil', 'Vinegar', 'Coffee', 'Sugar', 'Toot paste', 'Black Pepper', 'Garlic', 'Onion', 'Pork', 'Chicken', 'Fish', 'Leeks', 'Ginger', 'Liver Spread']; for(let y = 0; y < x.length; y++){ document.write("<li class='list-group-item'>"+x[y]+"</li>"); } <script>
<script> let todo = ['Project 1', 'Project 2', 'Groupings', 'Activity 1', 'Set Up Meeting', 'Call X']; let list = 0; while( list < todo.length){ document.write("<li class='list-group-item'>"+todo[list]+"</li>"); list++; } </script>
Result
<script> function evenOdd(){ let num = document.getElementById('number').value; num = parseInt(num); if(num % 2 == 0){ document.getElementById('oddEven').innerHTML = num +" is an even number"; console.log(num) } else if(!num){ document.getElementById('oddEven').innerHTML = num +" is not a number"; } else{ document.getElementById('oddEven').innerHTML = num +" is an odd number"; } } <script>
<script> let temp1 = document.getElementById('temp1'); let temp2 = document.getElementById('temp2'); function temperature(){ let tempInput = document.getElementById('tempInput').value; let result = document.getElementById('result'); let converToCelcius = (5 / 9)*(tempInput - 32); let convertToFahrenheit = (1.8 * tempInput) + 32; if(temp1.value == temp2.value || temp2.value == temp1){ if(temp1.value == 'fahrenheit'){ temp2.value = 'celcius'; result.value = converToCelcius+"℃"; console.log(temp2.value+ " temp2"); } else if(temp1.value == 'celcius'){ temp2.value = 'fahrenheit'; result.value = convertToFahrenheit+"°F"; console.log(temp2.value+ " temp2"); } } else{ if(temp1.value == 'fahrenheit'){ temp2.value = 'celcius'; result.value = converToCelcius+"℃"; console.log(temp2.value+ " temp2"); } else if(temp1.value == 'celcius'){ temp2.value = 'fahrenheit'; result.value = convertToFahrenheit+"°F"; console.log(temp2.value+ " temp2"); } } } </script>
<script> function toMeters(){ let ft = parseInt(document.getElementById('feet').value); let inches = parseInt(document.getElementById('inches').value); let m = document.getElementById('meters'); let toCm = ((ft * 12) + inches) * 2.54; let toM = toCm / 100; console.log(toCm, "cm"); console.log(toM); m.innerHTML = toM + " meters"; } </script>
<script> function greet(){ let date = document.getElementById('day').value; date = date.toUpperCase(); let greetings = document.getElementById('greetings'); switch (date){ case 'MONDAY': greetings.innerHTML = "Happy Monday" greetings.className += " bg-secondary text-light" break; case 'TUESDAY': greetings.innerHTML = "Happy Tuesday" greetings.style.backgroundColor = "pink"; break; case 'WEDNESDAY': greetings.innerHTML = "Happy Wednesday" greetings.className += " bg-success text-light" break; case 'THURSDAY': greetings.innerHTML = "Happy Thursday" greetings.style.backgroundColor = "#6af384"; break; case 'FRIDAY': greetings.innerHTML = "Happy Friday" greetings.className += " bg-info" break; case 'SATURDAY': greetings.innerHTML = "Happy Saturday" greetings.className += " bg-primary" break; case 'SUNDAY': greetings.innerHTML = "Happy Sunday" greetings.className += " bg-danger" break; default: greetings.innerHTML = "No such day. Have a Good day anyway!" } } </script>