[Answered] How to set classes for an HTML reference from within the HTML code Angular? on html, angular, typescript, elementref

<div class="box-body">
				<div itemprop="text" class="post-text">
						<p>I have a reference to a textarea</p>
<pre><code><*wrapper-component (submit)="tx1.value ? submit(tx1.value) : tx1.setClass('required')??">
<textarea #tx1> <textarea>
</*wrapper-component>
</code></pre>
<p>which I pass the value of into my <strong>submit function</strong>, is it possible to set classes for my <code>tx1</code> element from the HTML itself instead of creating a <code>ViewChild</code> property and accessing <code>elRef.nativeElement.setClass</code> with typeScript?</p>

</div>
				<div class="tagcloud">
											<a href="https://www.devhide.com/hashtag/html">
							<span>html</span>
						</a>
											<a href="https://www.devhide.com/hashtag/angular">
							<span>angular</span>
						</a>
											<a href="https://www.devhide.com/hashtag/typescript">
							<span>typescript</span>
						</a>
											<a href="https://www.devhide.com/hashtag/elementref">
							<span>elementref</span>
						</a>
									</div>
			</div>

<div class="box-footer">
				<span class="source">
					<a href="https://stackoverflow.com/questions/69989326/how-to-set-classes-for-an-html-reference-from-within-the-html-code-angular" target="_blank" rel="nofollow">
						Original Q&A
					</a>
				</span>
			</div>
		</div>

<div class="counter-header my-3">
        	<span class="d-none" itemprop="answerCount">1</span>
        	<h2>There are <strong>1</strong> best solutions below</h2>
        </div>

<div class="box answerQuestion">
            <div id="wajab" class="box">
            	<div class="box mb-5">
                        <div class="post answerId-66a2bdf1a06677a8f2e5079a accepted" id="answer-66a2bdf1a06677a8f2e5079a" class="box" data-answerid="66a2bdf1a06677a8f2e5079a" itemprop="acceptedAnswer" itemscope="" itemtype="http://schema.org/Answer">
                <a class="d-none" itemprop="url" href="#answer-66a2bdf1a06677a8f2e5079a"></a>
                <div class="vote-count d-none" itemprop="upvoteCount" data-value="1">1</div>
                <div class="box-header">
                    <span class="username">
                        <img src="/img/user-default.png" onerror="this.src='/img/user-default.png';" class="answerAva" alt="Michael D" >
                        <span itemprop="author" itemscope="" itemtype="http://schema.org/Person">
                            <span itemprop="name" class="author-name">
                                <strong>Michael D</strong>
                            </span>
                        </span>
                        <span title="2021-11-16T12:48:44.230000" class="dater d-none d-md-inline-block">
                            On
                            <time itemprop="datePublished" title="2021-11-16T12:48:44.230000" datetime="2021-11-16T12:48:44.230000">
                                 16 November 2021 at 12:48
                            </time>
                                                    </span>
                        <span class="badge badge-primary">
                            BEST ANSWER
                        </span>
                    </span>
                </div>
                <div class="box-comment box-body">
                    <div class="comment-text">
                        <div class="" itemprop="text">
                            <p>I'd normally suggest using <code>[ngClass]</code> binding for setting CSS selectors dynamically. However, if you insist on using a template ref variable, you could use the <a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute" rel="nofollow noreferrer"><code>setAttribute()</code></a> method to set attributes, in your case <code>'class'</code>.</p>
<pre class="lang-html prettyprint-override"><code><*wrapper-component (submit)="tx1.value ? submit(tx1.value) : tx1.setAttribute('class', 'required')">
  <textarea #tx1> <textarea>
</*wrapper-component>
</code></pre>

</div>
                    </div>
                </div>
            </div>
            
    </div>
            </div>
        </div>
	</div>

<div class="widget bottom-rel">
            <div class="widget-title">
                <h4>Related Questions in <strong>HTML</strong></h4>
            </div>
            <ul id="relatedBottom" class="relatedPost postbottom">
            	            		<li>
			            <a href='https://www.devhide.com/how-to-store-a-date-time-in-sqlite-or-something-similar-to-a-date-78253161'>
			                How to store a date/time in sqlite (or something similar to a date)
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/how-to-use-custom-font-during-html-to-pdf-conversion-78253121'>
			                How to use custom font during html to pdf conversion?
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/storing-the-preferred-font-size-in-localstorage-78253083'>
			                Storing the preferred font-size in localStorage
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/mp4-embedded-videos-within-github-pages-website-not-loading-78252982'>
			                mp4 embedded videos within github pages website not loading
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/scrimba-tutorial-was-working-suddenly-stopped-even-trying-the-default-78252922'>
			                Scrimba tutorial was working, suddenly stopped even trying the default
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/is-there-any-way-to-glow-this-bulb-image-like-a-real-light-bulb-78252824'>
			                Is there any way to glow this bulb image like a real light bulb
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/with-non-graphical-maps-in-leaflet-zoomdelta-doesn-t-work-78252681'>
			                With non-graphical maps in Leaflet, zoomDelta doesn't work
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/what-can-i-do-to-improve-my-coding-on-both-html-and-css-78252553'>
			                What can I do to improve my coding on both html and css
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/uncaught-typeerror-google-maps-latlng-is-not-a-constructor-at-init-script-js-7-13-78252524'>
			                Uncaught TypeError: google.maps.LatLng is not a constructor at init (script.js:7:13)
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/bootstrap-modal-not-showing-at-the-desired-position-on-a-web-page-when-the-screen-size-is-smaller-78252519'>
			                Bootstrap modal not showing at the desired position on a web page when the screen size is smaller
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/displaying-a-movie-list-on-a-website-using-jinja2-and-bootstrap-78252455'>
			                Displaying a Movie List on a Website Using Jinja2 and Bootstrap
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/how-to-redirect-to-thank-you-page-after-submitting-a-google-form-embedded-into-a-google-site-78252212'>
			                How to redirect to thank you page after submitting a Google form embedded into a Google Site?
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/storing-selected-language-in-localstorage-78252173'>
			                Storing selected language in localStorage
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/fences-parenthesis-braces-in-html-and-mathml-78252088'>
			                Fences (parenthesis, braces) in HTML and MathML
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/understanding-scroll-anchoring-behavoir-78252015'>
			                Understanding Scroll Anchoring Behavoir
			            </a>
			        </li>
                            </ul>

</div>
                <div class="widget bottom-rel">
            <div class="widget-title">
                <h4>Related Questions in <strong>ANGULAR</strong></h4>
            </div>
            <ul id="relatedBottom" class="relatedPost postbottom">
            	            		<li>
			            <a href='https://www.devhide.com/firebase-link-existing-user-to-anonymous-account-78253016'>
			                Firebase link existing user to anonymous account?
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/it-doesnt-always-show-all-the-books-on-my-homepage-78253014'>
			                It doesnt always show all the books on my homepage
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/google-adsense-ads-txt-status-cannot-be-not-found-78252740'>
			                Google adsense ads.txt status cannot be not found
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/when-i-navigate-to-the-url-http-localhost-4200-it-redirects-me-back-78252708'>
			                When I navigate to the URL'http://localhost:4200/', it redirects me back
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/ionic-angular-standalone-ion-icon-are-not-showing-at-all-78252578'>
			                Ionic Angular Standalone ion-icon are not showing at all
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/how-to-make-angular-understand-that-view-child-is-of-a-specific-type-not-a-general-elementref-78252528'>
			                How to make Angular understand that view child is of a specific type, not a general ElementRef?
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/vscode-debug-angular-first-time-doesn-t-debug-2nd-time-stops-at-main-js-then-it-s-ok-78252423'>
			                vscode, debug angular, first time, doesn't debug, 2nd time stops at main.js then it's ok
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/how-to-perform-crud-operations-on-a-static-json-array-in-angular-without-api-78251873'>
			                How to perform CRUD operations on a static JSON array in Angular? (without API)
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/ngrx-props-method-in-createaction-78251793'>
			                Ngrx props<>() method in createAction()
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/how-to-animate-rotation-of-an-image-inside-input-control-78251523'>
			                How to animate rotation of an image inside input control?
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/detecting-click-inside-and-outside-of-the-listening-component-in-angular-78251388'>
			                Detecting click inside and outside of the listening component in Angular
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/angular-type-guard-not-narrowing-types-78251202'>
			                Angular - type guard not narrowing types
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/in-node-modules-file-i-am-getting-angular-genric-error-while-using-fontawesome-in-angular12-78251192'>
			                In node_modules file i am getting Angular genric error while using fontawesome in angular12
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/angular-16-sending-null-values-to-api-78250952'>
			                Angular 16 sending null values to API
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/googlecloud-error-not-found-the-requested-url-was-not-found-on-this-server-78250501'>
			                GoogleCloud Error: Not Found The requested URL was not found on this server
			            </a>
			        </li>
                            </ul>

</div>
                <div class="widget bottom-rel">
            <div class="widget-title">
                <h4>Related Questions in <strong>TYPESCRIPT</strong></h4>
            </div>
            <ul id="relatedBottom" class="relatedPost postbottom">
            	            		<li>
			            <a href='https://www.devhide.com/it-doesnt-always-show-all-the-books-on-my-homepage-78253014'>
			                It doesnt always show all the books on my homepage
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/s3-integration-testing-78252909'>
			                S3 integration testing
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/make-some-of-the-type-s-field-optional-78252892'>
			                Make some of the type's field optional
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/storybook-7-does-not-recognize-module-declarations-78252793'>
			                storybook 7 does not recognize module declarations
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/page-in-react-only-renders-elements-after-refreshing-78252750'>
			                Page in React only renders elements after refreshing
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/error-inserting-into-supabase-type-of-await-operand-must-either-be-a-valid-promise-or-must-not-contain-a-callable-then-member-78252585'>
			                Error Inserting into Supabase: Type of 'await' operand must either be a valid promise or must not contain a callable 'then' member
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/vscode-debug-angular-first-time-doesn-t-debug-2nd-time-stops-at-main-js-then-it-s-ok-78252423'>
			                vscode, debug angular, first time, doesn't debug, 2nd time stops at main.js then it's ok
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/get-remote-mkv-file-metadata-using-nodejs-78252408'>
			                Get remote MKV file metadata using nodejs
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/vue-tailwindcss-content-is-behind-sidebar-78252368'>
			                Vue/TailwindCSS - Content is behind Sidebar
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/typescript-error-only-on-big-type-only-when-assigned-to-a-variable-78252365'>
			                TypeScript Error only on big type only when assigned to a variable
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/pnpm-firebase-app-could-not-find-a-declaration-file-for-module-mime-78252318'>
			                pnpm firebase app "Could not find a declaration file for module 'mime'"
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/typescript-type-checking-while-parsing-an-arbitrary-json-that-is-typed-78252286'>
			                TypeScript: Type checking while parsing an arbitrary JSON that is typed/
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/issue-with-bbcode-image-tag-on-react-78252166'>
			                Issue with BBCode image tag on React
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/typescript-returntype-based-on-value-single-prop-78252120'>
			                Typescript: returnType based on value 'single' prop
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/failed-to-resolve-import-but-the-path-is-valid-and-detected-as-such-by-vscode-78251913'>
			                Failed to resolve import, but the path is valid, and detected as such by VSCode
			            </a>
			        </li>
                            </ul>

</div>
                <div class="widget bottom-rel">
            <div class="widget-title">
                <h4>Related Questions in <strong>ELEMENTREF</strong></h4>
            </div>
            <ul id="relatedBottom" class="relatedPost postbottom">
            	            		<li>
			            <a href='https://www.devhide.com/add-buttons-programmatically-via-ngonchanges-in-renderer2-78046507'>
			                Add buttons programmatically via ngOnChanges in renderer2
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/how-to-pass-reference-of-element-which-is-added-to-dom-on-certain-condition-being-true-77859766'>
			                How to pass reference of element which is added to DOM on certain condition being true?
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/how-to-get-element-reference-of-ng-select-in-angular-77857781'>
			                How to get element reference of ng-select in angular
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/angular-how-to-put-elementref-of-child-component-into-itself-77672680'>
			                Angular How to put elementRef of child component into itself?
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/elementref-is-undefined-even-after-calling-in-ngafterviewinit-77265300'>
			                ElementRef is undefined even after calling in ngAfterViewInit()
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/typeerror-this-modal-nativeelement-present-is-not-a-function-at-mycomponent-ngafterviewinit-77178940'>
			                TypeError: this.modal.nativeElement.present is not a function at myComponent.ngAfterViewInit
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/using-elementref-with-async-pipe-75424305'>
			                Using ElementRef with async pipe
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/how-to-create-unit-test-for-elementref-nativeelement-queryselector-75401277'>
			                How to create Unit test for ElementRef.nativeElement.querySelector()
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/angular-cannot-loop-a-list-of-elementref-74857933'>
			                Angular cannot loop a list of ElementRef
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/how-to-access-the-background-color-of-a-button-in-a-directive-74210856'>
			                How to access the background color of a button in a directive?
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/in-angular-how-to-i-get-the-correct-coordinates-of-an-element-after-routing-change-73008954'>
			                In Angular, how to I get the correct coordinates of an element after routing change?
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/error-typeerror-cannot-read-properties-of-undefined-reading-nativeelement-how-do-i-resolve-this-72857633'>
			                ERROR TypeError: Cannot read properties of undefined (reading 'nativeElement'): How do I resolve this?
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/what-is-the-safest-way-to-perform-an-event-from-code-in-angular-72786822'>
			                What is the safest way to perform an event from code in Angular?
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/whats-the-angular-way-of-cloning-moving-an-element-into-the-body-with-all-event-listeners-72408062'>
			                Whats the Angular way of cloning/moving an element into the body with all event listeners?
			            </a>
			        </li>
                            		<li>
			            <a href='https://www.devhide.com/get-element-by-classname-from-one-component-for-use-in-another-component-using-angular-72204373'>
			                Get element by classname from one component for use in another component using Angular
			            </a>
			        </li>
                            </ul>

</div>
            </div>
				<div class="col-lg-4">
    <div class="sidebar">
        <div class="widget">
            <script type="text/javascript">
                atOptions = {
                    'key' : '85d394e5b99acb52afb83e3dde49240e',
                    'format' : 'iframe',
                    'height' : 50,
                    'width' : 320,
                    'params' : {}
                };
            </script>
            <script type="text/javascript" src="//www.highperformanceformat.com/85d394e5b99acb52afb83e3dde49240e/invoke.js"></script>
        </div>
    	<div class="widget">
            <div class="widget-title">
                <h4>Trending Questions</h4>
            </div>
            <ul class="relatedPost"><li>
            <a href='https://www.devhide.com/uiimageview-frame-doesn-t-reflect-constraints-32240629'>
                UIImageView Frame Doesn't Reflect Constraints
            </a>
        </li>
            <li>
            <a href='https://www.devhide.com/is-it-possible-to-use-adb-commands-to-click-on-a-view-by-finding-its-id-39315028'>
                Is it possible to use adb commands to click on a view by finding its ID?
            </a>
        </li>
            <li>
            <a href='https://www.devhide.com/how-to-create-a-new-web-character-symbol-recognizable-by-html-javascript-11059803'>
                How to create a new web character symbol recognizable by html/javascript?
            </a>
        </li>
            <li>
            <a href='https://www.devhide.com/why-isn-t-my-css3-animation-smooth-in-google-chrome-but-very-smooth-on-other-browsers-37629745'>
                Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
            </a>
        </li>
            <li>
            <a href='https://www.devhide.com/heap-gives-page-fault-39109581'>
                Heap Gives Page Fault
            </a>
        </li>
            <li>
            <a href='https://www.devhide.com/connect-ffmpeg-to-visual-studio-2008-17218902'>
                Connect ffmpeg to Visual Studio 2008
            </a>
        </li>
            <li>
            <a href='https://www.devhide.com/both-object-and-valueanimator-jumps-when-duration-is-set-above-api-lvl-24-46991118'>
                Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
            </a>
        </li>
            <li>
            <a href='https://www.devhide.com/how-to-avoid-default-initialization-of-objects-in-std-vector-78203063'>
                How to avoid default initialization of objects in std::vector?
            </a>
        </li>
            <li>
            <a href='https://www.devhide.com/second-argument-of-the-command-line-arguments-in-a-format-other-than-char-argv-or-char-argv-60047957'>
                second argument of the command line arguments in a format other than char** argv or char* argv[]
            </a>
        </li>
            <li>
            <a href='https://www.devhide.com/how-to-improve-efficiency-of-algorithm-which-generates-next-lexicographic-permutation-43290467'>
                How to improve efficiency of algorithm which generates next lexicographic permutation?
            </a>
        </li>
            <li>
            <a href='https://www.devhide.com/navigating-to-the-another-actvity-app-getting-crash-in-android-44773528'>
                Navigating to the another actvity app getting crash in android
            </a>
        </li>
            <li>
            <a href='https://www.devhide.com/how-to-read-the-particular-message-format-in-android-and-store-in-sqlite-database-23211116'>
                How to read the particular message format in android and store in sqlite database?
            </a>
        </li>
            <li>
            <a href='https://www.devhide.com/resetting-inventory-status-after-order-is-cancelled-39125469'>
                Resetting inventory status after order is cancelled
            </a>
        </li>
            <li>
            <a href='https://www.devhide.com/efficiently-compute-powers-of-x-in-sse-avx-67955549'>
                Efficiently compute powers of X in SSE/AVX
            </a>
        </li>
            <li>
            <a href='https://www.devhide.com/insert-into-an-external-database-using-ajax-and-php-post-500-internal-server-error-43365921'>
                Insert into an external database using ajax and php : POST 500 (Internal Server Error)
            </a>
        </li>
    </ul>
        </div>

<div class="widget">
            <div class="widget-title">
                <h4>Popular # Hahtags</h4>
            </div>
            <div class="tagcloud"><a href='https://www.devhide.com/hashtag/javascript' class="tag-link tag-link-md">
            <span>javascript</span>
        </a>
            <a href='https://www.devhide.com/hashtag/python' class="tag-link tag-link-md">
            <span>python</span>
        </a>
            <a href='https://www.devhide.com/hashtag/java' class="tag-link tag-link-md">
            <span>java</span>
        </a>
            <a href='https://www.devhide.com/hashtag/c#' class="tag-link tag-link-md">
            <span>c#</span>
        </a>
            <a href='https://www.devhide.com/hashtag/php' class="tag-link tag-link-md">
            <span>php</span>
        </a>
            <a href='https://www.devhide.com/hashtag/android' class="tag-link tag-link-md">
            <span>android</span>
        </a>
            <a href='https://www.devhide.com/hashtag/html' class="tag-link tag-link-md">
            <span>html</span>
        </a>
            <a href='https://www.devhide.com/hashtag/jquery' class="tag-link tag-link-md">
            <span>jquery</span>
        </a>
            <a href='https://www.devhide.com/hashtag/c++' class="tag-link tag-link-md">
            <span>c++</span>
        </a>
            <a href='https://www.devhide.com/hashtag/css' class="tag-link tag-link-md">
            <span>css</span>
        </a>
            <a href='https://www.devhide.com/hashtag/ios' class="tag-link tag-link-md">
            <span>ios</span>
        </a>
            <a href='https://www.devhide.com/hashtag/sql' class="tag-link tag-link-md">
            <span>sql</span>
        </a>
            <a href='https://www.devhide.com/hashtag/mysql' class="tag-link tag-link-md">
            <span>mysql</span>
        </a>
            <a href='https://www.devhide.com/hashtag/r' class="tag-link tag-link-md">
            <span>r</span>
        </a>
            <a href='https://www.devhide.com/hashtag/reactjs' class="tag-link tag-link-md">
            <span>reactjs</span>
        </a>
            <a href='https://www.devhide.com/hashtag/node.js' class="tag-link tag-link-md">
            <span>node.js</span>
        </a>
            <a href='https://www.devhide.com/hashtag/arrays' class="tag-link tag-link-md">
            <span>arrays</span>
        </a>
            <a href='https://www.devhide.com/hashtag/c' class="tag-link tag-link-md">
            <span>c</span>
        </a>
            <a href='https://www.devhide.com/hashtag/asp.net' class="tag-link tag-link-md">
            <span>asp.net</span>
        </a>
            <a href='https://www.devhide.com/hashtag/json' class="tag-link tag-link-md">
            <span>json</span>
        </a>
    </div>
        </div>

<div class="widget">
            <div class="widget-title">
                <h4>Popular Questions</h4>
            </div>
            <ul class="popularPosts"><li>
            <a href='https://www.devhide.com/how-do-i-undo-the-most-recent-local-commits-in-git-927358'>
                How do I undo the most recent local commits in Git?
            </a>
        </li>
            <li>
            <a href='https://www.devhide.com/how-can-i-remove-a-specific-item-from-an-array-in-javascript-5767325'>
                How can I remove a specific item from an array in JavaScript?
            </a>
        </li>
            <li>
            <a href='https://www.devhide.com/how-do-i-delete-a-git-branch-locally-and-remotely-2003505'>
                How do I delete a Git branch locally and remotely?
            </a>
        </li>
            <li>
            <a href='https://www.devhide.com/find-all-files-containing-a-specific-text-string-on-linux-16956810'>
                Find all files containing a specific text (string) on Linux?
            </a>
        </li>
            <li>
            <a href='https://www.devhide.com/how-do-i-revert-a-git-repository-to-a-previous-commit-4114095'>
                How do I revert a Git repository to a previous commit?
            </a>
        </li>
            <li>
            <a href='https://www.devhide.com/how-do-i-create-an-html-button-that-acts-like-a-link-2906582'>
                How do I create an HTML button that acts like a link?
            </a>
        </li>
            <li>
            <a href='https://www.devhide.com/how-do-i-check-out-a-remote-git-branch-1783405'>
                How do I check out a remote Git branch?
            </a>
        </li>
            <li>
            <a href='https://www.devhide.com/how-do-i-force-git-pull-to-overwrite-local-files-1125968'>
                How do I force "git pull" to overwrite local files?
            </a>
        </li>
            <li>
            <a href='https://www.devhide.com/how-do-i-list-all-files-of-a-directory-3207219'>
                How do I list all files of a directory?
            </a>
        </li>
            <li>
            <a href='https://www.devhide.com/how-to-check-whether-a-string-contains-a-substring-in-javascript-1789945'>
                How to check whether a string contains a substring in JavaScript?
            </a>
        </li>
            <li>
            <a href='https://www.devhide.com/how-do-i-redirect-to-another-webpage-503093'>
                How do I redirect to another webpage?
            </a>
        </li>
            <li>
            <a href='https://www.devhide.com/how-can-i-iterate-over-rows-in-a-pandas-dataframe-16476924'>
                How can I iterate over rows in a Pandas DataFrame?
            </a>
        </li>
            <li>
            <a href='https://www.devhide.com/how-do-i-convert-a-string-to-an-int-in-java-5585779'>
                How do I convert a String to an int in Java?
            </a>
        </li>
            <li>
            <a href='https://www.devhide.com/does-python-have-a-string-contains-substring-method-3437059'>
                Does Python have a string 'contains' substring method?
            </a>
        </li>
            <li>
            <a href='https://www.devhide.com/how-do-i-check-if-a-string-contains-a-specific-word-4366730'>
                How do I check if a string contains a specific word?
            </a>
        </li>
    </ul>
        </div>

<div class="widget">
            <script type="text/javascript">
                atOptions = {
                    'key' : '5572168bffcf77d6a9fd611324801b97',
                    'format' : 'iframe',
                    'height' : 250,
                    'width' : 300,
                    'params' : {}
                };
            </script>
            <script type="text/javascript" src="//www.highperformanceformat.com/5572168bffcf77d6a9fd611324801b97/invoke.js"></script>
            <img src="/img_slug" alt=".">
        </div>
    </div>
</div>			</div>
		</div>
	</section>

<section class="footer-area pt-80px position-relative">
    <span class="vertical-bar-shape vertical-bar-shape-1"></span>
    <span class="vertical-bar-shape vertical-bar-shape-2"></span>
    <span class="vertical-bar-shape vertical-bar-shape-3"></span>
    <span class="vertical-bar-shape vertical-bar-shape-4"></span>
    <hr class="border-top-gray my-4">
    <div class="container">
        <div class="row align-items-center pb-4 copyright-wrap">
            <div class="col-lg-3">
                <p class="copyright-desc copyright--desc fs-14">Copyright © 2021 <a href="https://jogjafile.com/">Jogjafile</a> Inc.</p>
            </div>
            <div class="col-lg-9">
                <ul class="generic-list-item generic-list-item-hover-underline generic-list-item-inline text-end">
                    <li>
                        <a class="nav-link" href="https://www.devhide.com/pages/disclaimer">Disclaimer</a>
                    </li>
                    <li>
                        <a class="nav-link" href="https://www.devhide.com/pages/privacy-policy">Privacy</a>
                    </li>
                    <li>
                        <a class="nav-link" href="https://www.devhide.com/pages/terms-and-conditions">TOS</a>
                    </li>
                    <li>
                        <a class="nav-link" href="https://homegardensmart.com/">Homegardensmart</a>
                    </li>
                    <li>
                        <a class="nav-link" href="https://math.techqa.club/">Math</a>
                    </li>
                    <li>
                        <a class="nav-link" href="https://aftereffectstemplates.net/">Aftereffectstemplates</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>
	<div id="back-to-top" data-bs-toggle="tooltip" data-placement="top" style="" data-bs-original-title="Return to top" role=''>
	    <i class="la la-arrow-up"></i>
	</div>
	<script src="https://www.devhide.com/js/jquery-3.4.1.min.js"></script>
    <script src="https://www.devhide.com/js/bootstrap.bundle.min.js"></script>
    <script src="https://www.devhide.com/js/selectize.min.js"></script>
    <script src="https://www.devhide.com/js/main.js"></script>
    
	    <script src="https://www.devhide.com/js/hljs.js"></script>
    <script>hljs.initHighlightingOnLoad();</script>
</body>
</html>