Как напечатать возврат из Javascript в HTML - PullRequest
Новая
       1

Как напечатать возврат из Javascript в HTML

0 голосов
/ 26 января 2019

Я новичок в JavaScript.Мое расширение Chrome в настоящее время не печатает текст в маленьком окне после нажатия кнопки.

Первый бит - это popup.js, а второй - popup.html.Моя цель - форсировать, когда вы нажимаете кнопку, область, где написано, что заполнитель заменяется текстом, который я установил в popup.js.Я плохо знаю javascript, и это много кода, который я скомпилировал.Спасибо всем! 

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>

Ответы [ 3 ]

0 голосов
/ 26 января 2019

Я предлагаю вам использовать программу редактирования, в которой есть linter, чтобы проверять наличие ошибок при наборе текста, это действительно здорово, когда вы учитесь.Мой личный фаворит - Atom , хотя он немного перегружен оперативной памятью.

0 голосов
/ 26 января 2019

Добавлен идентификатор для абзаца, чтобы изменить значение в соответствии с выводом. Дайте мне знать, если это работает !! 

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>
0 голосов
/ 26 января 2019

Похоже, вы забыли поставить закрывающую скобку перед точкой с запятой 

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

Надеюсь, это поможет.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...