Je suis nouveau sur javascript. Mon extension chrome n'imprime actuellement pas de texte dans la petite fenêtre une fois que le bouton est cliqué.

Le premier bit est le popup.js et le second est le popup.html. Mon objectif est de forcer une fois que vous cliquez sur le bouton, la zone où il est indiqué que le remplissage est remplacé par le texte que j'ai défini dans popup.js. Je ne connais pas bien javascript et c'est beaucoup de code que j'ai compilé de partout. Merci tout le monde!

document.addEventListener('DOMContentLoaded', function() {
  document.getElementById("click-this").addEventListener("click", handler;
});

// The handler also must go in a .js file
var date = new Date();
var dayOfWeek = date.getDay();
function handler() {
  if (dayOfWeek == 0){
      return  "sunday";
  }
  else   if (dayOfWeek == 1){
        return  "monday";
    }
  else if (dayOfWeek == 2){
        return  "tuesday";
    }
  else if (dayOfWeek == 3){
        return  "wednesday";
    }
  else if (dayOfWeek == 4){
        return  "thursday";
    }
    else if (dayOfWeek == 5){
          return  "friday";
      }
      else if (dayOfWeek == 6){
            return  "saturday";
        }
       
}
<head>
  <script src="popup.js"></script>
</head>
<div class="row">
    <div class="column large-6 medium-6 small-12">
        <h1> Lunch Menu </h1>
        <p> filler filler filler</p>
        <button type="button" id="click-this">Click</button>
    </div>
</div>

<style scoped>
  div {
    height: 100px;
    width: 500px;
  }
</style>
0
Joey Zhao 26 janv. 2019 à 21:16

3 réponses

Meilleure réponse

Ajout d'un identifiant pour le paragraphe afin de changer la valeur selon la sortie. Faites-moi savoir si cela fonctionne !!

document.getElementById("click-this").addEventListener("click", function(){
var day;
switch (new Date().getDay()) 
{
case 0:
day = "Sunday";
break;
  case 1:
day = "Monday";
break;
  case 2:
day = "Tuesday";
break;
  case 3:
day = "Wednesday";
break;
  case 4:
day = "Thursday";
break;
  case 5:
day = "Friday";
break;
case  6:
  day = "Saturday";
}//end of switch case
document.getElementById("demo").innerHTML = day;
}//End of function
);
<head>
</head>
<div class="row">
    <div class="column large-6 medium-6 small-12">
        <h1> Lunch Menu </h1>
        <p id="demo"> filler filler filler</p>
        <button type="button" id="click-this">Click</button>
        </div>
    </div>

<style scoped>
div {
  height: 100px;
  width: 500px;

}
</style>
-1
Fire-In-D-Hole 26 janv. 2019 à 20:26

Il semble que vous ayez oublié de mettre l'accolade de fermeture avant le point-virgule

document.getElementById("click-this").addEventListener("click", handler);

J'espère que cela pourra aider.

2
Amir Arbabian 26 janv. 2019 à 18:19

Je vous suggère d'utiliser un programme d'édition qui a du linter pour vérifier les erreurs de frappe, c'est vraiment génial lorsque vous apprenez. Mon préféré est Atom, bien qu'il soit un peu lourd en RAM.

0
Toke Raabjerg 26 janv. 2019 à 18:58