JavaScript How to Print A Label in a DIV?

by

I have 4 boxes labeled a1, a2, a3, a4 as an example. And when someone clicks on 2 boxes, I want the label (a1, a2 as an example) to print on html output. I just spent over an hour and the best I can come up was printing undefined and null.

Sorry, here is my code

HTML
<div class="container">
  <div class="row">
    <div class="col-md-3" label="a1">
      <a class="btn btn-primary" href="#" role="button">Button 01</a>
      <div class="output"></div>
    </div>
    <div class="col-md-3" label="a2">
      <a class="btn btn-primary" href="#" role="button">Button 02</a>
      <div class="output"></div>
    </div>
    <div class="col-md-3" label="a3">
      <a class="btn btn-primary" href="#" role="button">Button 03</a>
      <div class="output"></div>
    </div>
    <div class="col-md-3" label="a4">
      <a class="btn btn-primary" href="#" role="button">Button 04</a>
      <div class="output"></div>
    </div>
  </div>
</div>

const button = document.querySelector('.btn');

button.addEventListener('click', printLabel);

function printLabel(){
  const name = document.querySelector('label');
  const print = document.querySelector('.output');
  print.innerText = name;
}

213 thoughts on “JavaScript How to Print A Label in a DIV?”

  15. Hi there! I understand this is kind of off-topic however I had to ask.
    Does running a well-established website such as yours require a lot of work?
    I am brand new to operating a blog but I do write in my journal
    on a daily basis. I’d like to start a blog so I will be able to share
    my own experience and views online. Please let
    me know if you have any kind of ideas or tips for new aspiring bloggers.
    Appreciate it! https://herreramedical.org/hydroxychloroquine

    Reply
  39. Pingback: ivermectil user forum
  54. Pingback: med priligy
  68. Pingback: stromectol for eye infection
  73. Pingback: sildenafil 50 mg
  75. Pingback: generic viagra
  78. Pingback: best generic viagra
  80. Pingback: sildenafil citrate 100mg
  83. Pingback: https://cialismars.com
  84. Pingback: sale cialis
  89. Pingback: cialis tadalafil 20mg
  93. Pingback: cialis erectile dysfunction
  96. Pingback: sildenafil viagra
  97. Pingback: stromectol for infection
  98. Pingback: stromectol 12mg tablets
  99. Pingback: viagra coupon
  101. Pingback: lowest price cialis
  102. Pingback: deltasone 100mg
  103. Pingback: stromectol medicine
  104. Pingback: generic viagra online canadian pharmacy
  106. Pingback: sklice capsule uses
  107. Pingback: online viagra soft
  108. Pingback: where to buy viagra online without prescription
  110. Pingback: tadalafil generico
  112. Pingback: cheapest viagra online
  116. Pingback: viagra online pharmacy
  119. Pingback: prescription for viagra
  120. Pingback: where to buy ivermectin near me
  121. Pingback: purchase cheap viagra online
  123. Pingback: viagra on the web
  126. Pingback: cialis coupon
  128. Pingback: buy viagra brand online
  130. Pingback: where to buy viagra ontario
  131. Pingback: is there a place to buy generic viagra in the use
  134. Pingback: natural viagra\
  136. Pingback: cialis no prescription
  139. Pingback: sildenafil coupon
  140. Pingback: ivermectin for hookworm in humans
  141. Pingback: ivermectin dosage for scabies
  145. Pingback: shelf life of tadalafil
  154. Pingback: ivermectin for heartworm treatment
  155. Pingback: ivermectin for humans pills
  156. Pingback: online viagra
  159. Pingback: 100 viagra pill
  160. Pingback: vi without doctor prescription
  161. Pingback: without doctor visit viagra
  162. Pingback: viagra tablets uk
  163. Pingback: overseas pharmacies shipping to usa
  164. Pingback: red viagra tablets
  167. Pingback: hydroxychloroquine for sale online
  169. Pingback: female viagra pill
  170. Pingback: viagra otc
  171. Pingback: where can you buy viagra over the counter in canada
  172. Pingback: sklice and stromectol for sale
  174. Pingback: cost for viagra
  177. Pingback: women take viagra
  178. Pingback: can you buy generic viagra over the counter in canada
  179. Pingback: viagra para mujeres
  180. Pingback: viagra amazon
  181. Pingback: women viagra
  183. Pingback: viagra online
  184. Pingback: buy sildenafil online
  185. Pingback: viagra or cialis
  187. Pingback: viagra usa
  191. Pingback: cialis price walmart
  192. Pingback: buy liquid cialis
  195. Pingback: colorimetric determination of sildenafil citrate (viagra) through ion-associate complex formation.

Leave a Comment