Использование размера окна, чтобы определить, какую функцию использовать

Question

Хотите знать, есть ли способ сделать следующее:

<div onClick="ThingOne()">Button</div>

function ActionA(){
var Item1 = document.getElementByID("Name1") 
if (Item1.style.opacity == "1") {
      Item1.style.opacity = "0";
    } else {
      Item1.style.opacity = "1";
    }

function ActionB(){
var Item1 = document.getElementByID("Name1") 
if (Item1.style.width == "100%") {
      Item1.style.opacity = "50%";
    } else {
      Item1.style.opacity = "100%";
    }

Хотите определить, какую функцию использовать, если возможно, по размеру экрана?

function ThingOne(){
  if ($(window).width() < 470) {
   ActionA();
}
else {
   ActionB();
}}

Answer 1

Вот рабочая демоверсия.

Вы ошиблись getElementById функцией и onclick списком.

function ActionA() {
  var Item1 = document.getElementById("Name1")
  if (Item1.style.opacity == "1") {
    Item1.style.opacity = "0";
  } else {
    Item1.style.opacity = "1";
  }
}

function ActionB() {
  var Item1 = document.getElementById("Name1");
  if (Item1.style.width == "100%") {
    Item1.style.opacity = "50%";
  } else {
    Item1.style.opacity = "100%";
  }
}

function ThingOne() {
  if ($(window).width() < 470) {
    ActionA();
  } else {
    ActionB();
  }
}

<div onclick="ThingOne()">Button</div>
<div id="Name1">I am Name1</div>