He estado usando este código jquery y quiero convertirlo en javascript. Recientemente comencé javascript y tengo un poco de conocimiento en jquery
<script src="https://code.jquery.com/jquery-2.2.4.js"></script> <script type="text/javascript"> $(document).ready(function () { $(".row a").click(function (e) { e.preventDefault(); $(".imgBox img ").attr("src", $(this).attr("href")); }); }); </script>El equivalente en JavaScript estándar es (agregué algo de HTML para que funcione):
document.addEventListener('DOMContentLoaded', function () { document.querySelectorAll(".row a").forEach(function(elem) { elem.addEventListener("click", function (e) { e.preventDefault(); document.querySelector(".imgBox img").src = elem.href; }); }); }); <div class="row"> <a href="https://dummyimage.com/600x120/000/fff">link 1</a> </div> <div class="row"> <a href="https://dummyimage.com/600x120/00f/f88">link 2</a> </div> <div class="imgBox"><img src=""/></div>Siguiendo las instrucciones de esta hoja de trucos: https://tobiasahlin.com/blog/move-from-jquery-to-vanilla-javascript/
const ready = (callback) => { if (document.readyState != "loading") callback(); else document.addEventListener("DOMContentLoaded", callback); } ready(() => { /* Do things after DOM has fully loaded */ document.querySelector(".row a").addEventListener("click", (e) => { e.preventDefault(); document.querySelector(".imgBox img ").setAttribute('src', document.querySelector(".imgBox img ").getAttribute('href)); }); });