I’m creating a mock website using html, Javascript and CSS. I want to move from one page to another (home.html to TVShows.html) by pressing on the list “TV Shows” on navigation bar. Usually i’d just assign href but i want…
I want to change pointing direction of drop down caret since initially it points down, therefore I want it to point right direction initially and when specific drop down menu / link clicked change it to point down. Here's what…
I want to save this html code to PDF: <div id="mycontent"> <h1>Sample PDF from HTML</h1> <p>This text you'll find in PDF page.</p> </div> Javascript I am using is: const mycontent = document.getElementById('mycontent').outerHTML; const blob = new Blob([mycontent], { type: 'application/pdf'…
I'm learning web development and I've encountered another beginner challenge, I want to make the header text of my website, clickable, so that it also redirects me to the homepage, how could I achieve this?, may you help me please?.…
I'm sure this is easier than what I'm making it out to be, but - I need to change a paragraph depending on what button is pressed. I want to use the same buttons as the ones I click on…
I am trying to style the "choose file" button in HTML using CSS styling and this does not work. The output I am achieving is in the screenshot below the HTML code - the button is not green (the same…
i made this #Swatch(https://codepen.io/ricoThaka/pen/YzMVdXj?editors=1100 <~) i want to expand it to a flexible layout that can contain unlimited colors for the swatch ` .swatch div:nth-child(1) { background: DeepPink;} .swatch div:nth-child(2) { background: cyan;} .swatch div:nth-child(3) { background: GreenYellow;} .swatch div:nth-child(4)…
I am making a basketball scoreboard and I'm wondering how do I center the score text inside of the scoreboard container? While the main div is already set as a flex container, the p score text inside of the scoreboard…
I want to escape the output of a variable, that used the capture syntax of a <#assign> in Example 2. Example 1: <#assign test1='{"json": "more"}' /> <div data-test1="${test1}"></div> Output (escaped): <div data-test1="{"json": "more"}"></div> Example 2: <#assign test2><@compress single_line=true> { "json":…
I was hoping someone could help me with some javascript that would click on this button: <div tabindex="0" role="button" id="id_72229384732282" class="collapsed focus-visible" data-tutorial-selector-id="filterButton" aria-label="Filter rows"> I can't use the id_7222.... because this is dynamic and changes after a page refresh.…