First JavaScript Activity

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

ft in = Convert to Meters
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>
                        

Enter

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>