Создайте переменную с помощью кнопки html и используйте ее во внешней функции - PullRequest
Новая
       4

Создайте переменную с помощью кнопки html и используйте ее во внешней функции

0 голосов
/ 19 февраля 2020

Есть ли способ заставить его работать?

Я читал, что "let может быть доступен только внутри объявленной области видимости, например, для l oop, с другой стороны," var " можно получить за пределами l oop, например "

HTML: 

let create = document.getElementById("create");
let add = document.getElementById("add");
let cart = document.getElementById("cart");

create.onclick = function(){
  var foo = "foo";
  console.log(foo);
}

add.onclick = function(){
  cart.innerHTML += foo;
}
<!DOCTYPE html>
<html>
  <body>
    <button id="create">create</button>
    <button id="add">Add to cart</button>
    <h2 id="cart">Cart: </h2>
  </body>
  <script type="text/javascript" src="test.js"></script>
</html>

1 Ответ

0 голосов
/ 19 февраля 2020

Вы можете прикрепить событие click для add в функции обработчика события click show, передав переменную: 

let show = document.getElementById("show");
let add = document.getElementById("add");
let cart = document.getElementById("cart");

show.onclick = function(){
  var foo = "foo";
  console.log(foo);
  add.addEventListener('click', function() { addToCart(foo); });
}

function addToCart(f){
  cart.innerHTML += f;
}
<button id="show">Show</button>
<button id="add">Add to cart</button>
<h2 id="cart">Cart: </h2>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...