Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <link rel="stylesheet" href="template.css">
- <script src="solution.js"></script>
- <title>Visited Websites</title>
- </head>
- <body>
- <div class="wrapper tabled">
- <div class="stage" id="page1">
- <div class="middled">
- <div class="link-1">
- <a href="#">
- <span class="thin">Soft</span><span class="thick">Uni</span>
- </a>
- <p>visited 1 times</p>
- </div>
- <div class="link-1">
- <a href="#">
- <span class="thin"></span><span class="thick">Google</span>
- </a>
- <p>visited 2 times</p>
- </div>
- <div class="link-1">
- <a href="#">
- <span class="thin">You</span><span class="thick">Tube</span>
- </a>
- <p>visited 4 times</p>
- </div>
- <div class="link-1">
- <a href="#">
- <span class="thick">Wiki</span><span class="thin">pedia</span>
- </a>
- <p>visited 4 times</p>
- </div>
- <div class="link-1">
- <a href="#">
- <span class="thick">G</span><span class="thin">mail</span>
- </a>
- <p>visited 7 times</p>
- </div>
- <div class="link-1">
- <a href="#">
- <span class="thick">stack</span><span class="thin">overflow</span>
- </a>
- <p>visited 6 times</p>
- </div>
- </div>
- </div>
- <script>
- function solve() {
- let divs = document.getElementsByTagName("a");
- Array.from(divs).forEach(e => {
- e.addEventListener('click', hendler);
- })
- function hendler(e) {
- let target = e.currentTarget;
- let newDiv = target.parentNode;
- let newArt = newDiv.children[1];
- let text = newArt.innerText.toString();
- let number = text.match(/\d+/)[0];
- text = text.replace(number, (+number + 1).toString());
- newArt.innerHTML = text;
- }
- }
- </script>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement