small-c | A small c compiler in Go | Interpreter library

I have a form that has a radio button that i am trying to validate on. However this is not working and I can navigate to the next page without selecting a radio button option. I am also validating my email address field but that works fine. Here is my code

TS

Is it possible to style the blue rectangles? I need to change the color to orange.

There are some handles to change some style (see here), but I couldnt find one for those.

1.i am completely new to website designing and have been trying to make a e commerce website from scratch, here in my website's products page the footer doesn't span the whole width. can somebody help me with this. The css and html are divided by a line of asterisks im actually new to stack overflow i've tried searching in w3 schools and many youtube tutorials but all effort is in vain. please guide me.

thanks in advance (^-^)

HTML

I have a weather app, where I want to mark multiply favorite cities by a "full heart" icon .

At the moment, when I click on different cities, the city before gets unmarked (kinda still buggy),

so basically I have only a single "full heart" icon showing, instead of afew.

Appreciate the help of modifying my app.

Adding and Removing favorites works as intended (displaying in 'Favorite' route), but I just cant figure

out how to combine it with the favorite icon.

https://stackblitz.com/edit/github-w3expd?file=src/app/weather-page/weather-page.component.html

Component.ts

I went on W3 school website where they say that in order to center an element horizontally I must set the margin to 0 and set the width to any value but 100%. Which I did. I mean I set the width to 50%. Yet my button isn't centered. Help please. Also if you know how to center an element vertically too, please drop me a line.

I'm trying to make a multiple search filter like the one in Gitlab dashboard.

For that purpose, i'm using Vuetify v-combobox like so :

I'd like my code to display the "i" element which contains a font awesome icon only when the user clicks on the button. Hence the event listener. The css rule I've set is "display: none". Then in my javascript file I've written the line of code 'document.getElementById("icon").style.display = "block"' so as to make the element in question visible when the user clicks on the button. However, the element is always visible, regardless of the user clicking on the button or not. I used classList.toggle() but without success either. If someone could fix my code that would be great.

hopefully someone can help me with this.

I'd like to have an app that does the following: The User can add multiple parts of a form including text inputs and comboboxes. The form is to get user input about firewall rules, so I need to check for a name, and in 2 comboboxes the user is supposed ot be able to select from pre-defined items but also should be able to extend the pre-defined items with new ones.

By binding the v-model="model" on both comboboxes, I get the same selected items (which I don't want), so for the second combobox I assining v-model="model2", that works and I can append new entries to the items list, which works fine. (this.items.push(this.model[this.model.length-1])) resp. this.items.push(this.model2[this.model2.length-1])

But how could I do this with a "v-for" for an unknown number of forms, as the user can increase the amount of forms by a button press?

Can I do something like v-model="model({{index}})?

I am trying to customize the PDF2 plugin in DITA-OT. I want to apply small caps to the string "Chapter" and chapter number that appear at the start of every chapter.

In my custom plugin, I modified the following the __chapter__frontmatter__name__container attribute-set in the static-content-attr.xsl file to include small-caps :