<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>