Can anyone help me with this problem in JavaScript I use the Visual Studio This the example code function show(showform, showtxt) alert( Entry from showform showtxt) function pop(showform, showtxt) content Entry from showform showtxt popWindow window open( , popWindow , width 300,height 100 ) popWindow document write(content) popWindow document close() Create an HTML document that contains two forms One form consists of a text field, the other a text area Name the forms and the input devices Use JavaScript to print the names and values in the forms Text Field Form Text Area Form This is the question Create a form that uses a text input box Ask the user to type his or her name in uppercase letters The submit button will be an image Validate that the form is not empty and that the user typed his or her name in only uppercase letters Send the form to a server program if it is valid Review the code, interact with the page, and then make the following changes a Download a G rated image to use as the submit button image Save it and name it so the page displays it as expected b Change the page instructions and validation so the name must be submitted in all lower case

The Answer is in the image, click to view ...

Answered step by step

Verified Expert Solution

Link Copied!

Question

1 Approved Answer

Posted on Sep 26, 2024

Can anyone help me with this problem in JavaScript? I use the Visual Studio. This the example code: function show(showform, showtxt) { alert(Entry from

Can anyone help me with this problem in JavaScript? I use the Visual Studio.

This the example code:

Create an HTML document that contains two forms. One form consists of a text field, the other a text area. Name the forms and the input devices. Use JavaScript to print the names and values in the forms.

Text Area Form:

<br /> <input type="button" value="Alert" onclick="show(this.form.name,this.form.txtarea.value);"> <input type="button" value="PopUp" onclick="pop(this.form.name,this.form.txtarea.value);"> </form> </body> </html></p> <p> </p> <p> This is the question:</p> <p>Create a form that uses a text input box. Ask the user to type his or her name in uppercase letters. The submit button will be an image. Validate that the form is not empty and that the user typed his or her name in only uppercase letters. Send the form to a server program if it is valid.</p> <p>Review the code, interact with the page, and then make the following changes:</p> <p>a. Download a G-rated image to use as the submit button image. Save it and name it so the page displays it as expected.</p> <p>b. Change the page instructions and validation so the name must be submitted in all <strong>lower</strong>case.</p> <p> </p>                        </div>
                                            </section>
                    <section class="answerHolder">
                        <div class="answerHolderHeader">
                            <div class="answer-heading">
                                <h2>Step by Step Solution</h2>
                            </div>
                                                            <div class="answerReviews">
                                    <div class="starReview">
                                        <div class="starIcon">
                                                                                    </div>
                                        <div class="starText">
                                                                                    </div>
                                    </div>
                                </div>
                                                    </div>

<div class="answerSteps">
                            <p>There are <span>3</span> Steps involved in it</p>
                            <div class="step">
                                <h3>Step: 1</h3>
                                                                <img src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/document_product_info/blur-text-image.webp" width="759" height="271" alt="blur-text-image" loading="lazy" decoding="async" fetchpriority="low">
                                <div class="step1Popup">
                                    <h3>Get Instant Access to Expert-Tailored Solutions</h3>
                                    <p>See step-by-step solutions with expert insights and AI powered tools for academic success</p>
                                    <button class="view_solution_btn step1PopupButton">View Solution</button>
                                </div>
                            </div>

<div class="expertRight">
                    <section class="AIRedirect">
                        <div class="AIHolder">
                            <h2>Ace Your Homework with AI</h2>
                            <p>Get the answers you need in no time with our AI-driven, step-by-step assistance</p>
                            <a class="AILink" href="/ask_ai">Get Started</a>
                        </div>
                    </section>
                                            <section class="relatedBook">
                            <div class="bookHolder" >
                                <div class="relatedBookHeading" >
                                    <h2>Recommended Textbook for</h2>
                                    <object class="freeTagImage" type="image/svg+xml" data="https://dsd5zvtm8ll6.cloudfront.net/includes/images/rewamp/document_product_info/free.svg" name="free-book-icon"></object>
                                </div>
                                <div class="bookMainInfo" >
                                    <div class="bookImage" >
                                        <a href="/textbooks/oracle-database-programming-with-visual-basic-net-concepts-designs-and-implementations-1st-edition-9781119734390">
                                            <img src="https://dsd5zvtm8ll6.cloudfront.net/si.question.images/book_images/64ed72295f17e_47759.jpg" width="100" height="131" alt="Oracle Database Programming With Visual Basic.NET Concepts Designs And Implementations" loading="lazy">
                                        </a>
                                    </div>
                                    <div class="bookInfo" >
                                        <h3 class="bookTitle">
                                            <a href="/textbooks/oracle-database-programming-with-visual-basic-net-concepts-designs-and-implementations-1st-edition-9781119734390">
                                                Oracle Database Programming With Visual Basic.NET Concepts Designs And Implementations                                            </a>
                                        </h3>
                                        <div class="bookMetaInfo" >
                                            <p class="bookAuthor">
                                                <b>Authors:</b> <span>Ying Bai</span>
                                            </p>
                                            <p class="bookEdition">
                                                1st Edition                                            </p>
                                            <p class="bookEdition">
                                                1119734398, 978-1119734390                                            </p>
                                        </div></div></div>
                                                            </div>
                        </section>
                                    </div>
            </div>
                            <section class="relatedQuestion">
                    <div class="relatedQuestionHolder">
                        <h4>Students also viewed these Databases questions</h4>
                        <div class="relatedQuestionSliderHolder">
                                                            <div class="relatedQuestionCart ">
                                    <div class="relatedQuestionCartHeader">
                                        <h3>Question</h3>
                                                                                    <div class="relatedStarRating">
                                                <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star active half">★</span><span class="star">★</span>                                            </div>
                                                                            </div>
                                    <a class="relatedQuestionText" href="/how-does-sop-differ-from-strategic-capacity-planning-from-detailed" >
                                        How does S&OP differ from strategic capacity planning? From detailed planning and control? What role does S&OP play in the overall planning activities of an organization?                                    </a>
                                    <div class="relatedQuestionCartFooter">
                                        <div class="relatedHistory">
                                            <p>
                                                Answered: <span>1 week ago</span>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                                            <div class="relatedQuestionCart ">
                                    <div class="relatedQuestionCartHeader">
                                        <h3>Question</h3>
                                                                                    <div class="relatedStarRating">
                                                <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span>                                            </div>
                                                                            </div>
                                    <a class="relatedQuestionText" href="/study-help/java-programming/sunshine-seashore-supplies-rents-beach-equipment-such-as-kayaks-canoes-beach" >
                                        Sunshine Seashore Supplies rents beach equipment such as kayaks, canoes, beach chairs, and umbrellas to tourists. In Chapter 2, you wrote an application that prompts the user for the number of...                                    </a>
                                    <div class="relatedQuestionCartFooter">
                                        <div class="relatedHistory">
                                            <p>
                                                Answered: <span>1 week ago</span>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                                            <div class="relatedQuestionCart ">
                                    <div class="relatedQuestionCartHeader">
                                        <h3>Question</h3>
                                                                                    <div class="relatedStarRating">
                                                <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span>                                            </div>
                                                                            </div>
                                    <a class="relatedQuestionText" href="/study-help/employee-benefits/7-go-to-www5off5oncom-the-web-site-for-pit-instruction-2126438" >
                                        7. Go to www.5off5on.com, the Web site for Pit Instruction and Training, a company that provides training for racing pit crews as well as team training. Enter the site. Click on Lean Performance U...                                    </a>
                                    <div class="relatedQuestionCartFooter">
                                        <div class="relatedHistory">
                                            <p>
                                                Answered: <span>1 week ago</span>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                                            <div class="relatedQuestionCart ">
                                    <div class="relatedQuestionCartHeader">
                                        <h3>Question</h3>
                                                                                    <div class="relatedStarRating">
                                                <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span>                                            </div>
                                                                            </div>
                                    <a class="relatedQuestionText" href="/james-company-began-the-month-of-october-with-inventory-of-174441" >
                                        James Company began the month of October with inventory of $15,000. The following inventory transactions occurred during the month: The company purchased merchandise on account for $22,000 on October...                                    </a>
                                    <div class="relatedQuestionCartFooter">
                                        <div class="relatedHistory">
                                            <p>
                                                Answered: <span>1 week ago</span>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                                            <div class="relatedQuestionCart ">
                                    <div class="relatedQuestionCartHeader">
                                        <h3>Question</h3>
                                                                                    <div class="relatedStarRating">
                                                <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span>                                            </div>
                                                                            </div>
                                    <a class="relatedQuestionText" href="/study-help/questions/can-anyone-help-me-with-this-problem-in-javascript-i-13689768" >
                                        Can anyone help me with this problem in JavaScript? I use the Visual Studio. This the example code: function show(showform, showtxt) { alert("Entry from " + showform + ": " + showtxt); } function...                                    </a>
                                    <div class="relatedQuestionCartFooter">
                                        <div class="relatedHistory">
                                            <p>
                                                Answered: <span>1 week ago</span>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                                            <div class="relatedQuestionCart ">
                                    <div class="relatedQuestionCartHeader">
                                        <h3>Question</h3>
                                                                                    <div class="relatedStarRating">
                                                <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span>                                            </div>
                                                                            </div>
                                    <a class="relatedQuestionText" href="/study-help/questions/exercise-971-algorithmic-interest-payments-and-interest-expense-for-bonds-14103486" >
                                        Exercise 9-71 (Algorithmic) Interest Payments and Interest Expense for Bonds (Straight Line) On January 1, 2020, Harrington Corporation sold $90,000 of 15-year, 11% bonds. The bonds sold for $86,000...                                    </a>
                                    <div class="relatedQuestionCartFooter">
                                        <div class="relatedHistory">
                                            <p>
                                                Answered: <span>1 week ago</span>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                                            <div class="relatedQuestionCart ">
                                    <div class="relatedQuestionCartHeader">
                                        <h3>Question</h3>
                                                                                    <div class="relatedStarRating">
                                                <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span>                                            </div>
                                                                            </div>
                                    <a class="relatedQuestionText" href="/study-help/questions/p418-journalizing-and-posting-adjustme-najed-trial-balance-the-sadest-1809927" >
                                        P-418 Journalizing and posting adjustme najed trial balance The sadest anal balance of Avery Air Puntication System at December 31, the das need for the adjustments follow AVERY AIR PURIFICATION...                                    </a>
                                    <div class="relatedQuestionCartFooter">
                                        <div class="relatedHistory">
                                            <p>
                                                Answered: <span>1 week ago</span>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                                            <div class="relatedQuestionCart ">
                                    <div class="relatedQuestionCartHeader">
                                        <h3>Question</h3>
                                                                                    <div class="relatedStarRating">
                                                <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span>                                            </div>
                                                                            </div>
                                    <a class="relatedQuestionText" href="/study-help/questions/kas-felipe-manufacturing-produces-d-e-f-h-and-i-2048797" >
                                        KAS Felipe manufacturing produces D, E, F, H, and I as its final product. In the production, it under goes joint processing under D1, D2, D4, and D6. Further processing is needed to produce D, F, and...                                    </a>
                                    <div class="relatedQuestionCartFooter">
                                        <div class="relatedHistory">
                                            <p>
                                                Answered: <span>1 week ago</span>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                                            <div class="relatedQuestionCart ">
                                    <div class="relatedQuestionCartHeader">
                                        <h3>Question</h3>
                                                                                    <div class="relatedStarRating">
                                                <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span>                                            </div>
                                                                            </div>
                                    <a class="relatedQuestionText" href="/study-help/questions/the-question-suppose-that-computer-literacy-among-people-ages-40-2050013" >
                                        the question. Suppose that computer literacy among people ages 40 and older is being studied and that the accompanying tables describes the probability distribution for four randomly selected people,...                                    </a>
                                    <div class="relatedQuestionCartFooter">
                                        <div class="relatedHistory">
                                            <p>
                                                Answered: <span>1 week ago</span>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                                            <div class="relatedQuestionCart ">
                                    <div class="relatedQuestionCartHeader">
                                        <h3>Question</h3>
                                                                                    <div class="relatedStarRating">
                                                <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span>                                            </div>
                                                                            </div>
                                    <a class="relatedQuestionText" href="/study-help/questions/question-1-3-points-saved-all-questions-related-to-safaricom-1929699" >
                                        Question 1 (3 points) Saved All questions related to Safaricom are independent and the amounts and values in each question are different. Read the question carefully each time. Safaricom makes two...                                    </a>
                                    <div class="relatedQuestionCartFooter">
                                        <div class="relatedHistory">
                                            <p>
                                                Answered: <span>1 week ago</span>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                                            <div class="relatedQuestionCart ">
                                    <div class="relatedQuestionCartHeader">
                                        <h3>Question</h3>
                                                                                    <div class="relatedStarRating">
                                                <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span>                                            </div>
                                                                            </div>
                                    <a class="relatedQuestionText" href="/study-help/questions/entry-rules-round-your-answer-to-the-nearest-dollar-or-1930834" >
                                        Entry Rules: Round your answer to the nearest DOLLAR or UNIT. Examples: If your answer is $504.472, enter 504 If your answer is $504.626, enter $505 If your answer is $504.00, enter 504 If your...                                    </a>
                                    <div class="relatedQuestionCartFooter">
                                        <div class="relatedHistory">
                                            <p>
                                                Answered: <span>1 week ago</span>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                                            <div class="relatedQuestionCart ">
                                    <div class="relatedQuestionCartHeader">
                                        <h3>Question</h3>
                                                                                    <div class="relatedStarRating">
                                                <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span>                                            </div>
                                                                            </div>
                                    <a class="relatedQuestionText" href="/study-help/principles-of-macroeconomics/if-the-tax-rate-is-40-percent-compute-the-beforetax-2132077" >
                                        If the tax rate is 40 percent, compute the beforetax real interest rate and the after-tax real interest rate in each of the following cases. a. The nominal interest rate is 10 percent and the...                                    </a>
                                    <div class="relatedQuestionCartFooter">
                                        <div class="relatedHistory">
                                            <p>
                                                Answered: <span>1 week ago</span>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                                            <div class="relatedQuestionCart ">
                                    <div class="relatedQuestionCartHeader">
                                        <h3>Question</h3>
                                                                                    <div class="relatedStarRating">
                                                <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span>                                            </div>
                                                                            </div>
                                    <a class="relatedQuestionText" href="/study-help/principles-of-macroeconomics/assume-that-the-reserve-requirement-is-20-also-assume-that-2132075" >
                                        Assume that the reserve requirement is 20%. Also assume that banks do not hold excess reserves and there is no cash held by the public. The Federal Reserve decides that it wants to expand the money...                                    </a>
                                    <div class="relatedQuestionCartFooter">
                                        <div class="relatedHistory">
                                            <p>
                                                Answered: <span>1 week ago</span>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                                            <div class="relatedQuestionCart ">
                                    <div class="relatedQuestionCartHeader">
                                        <h3>Question</h3>
                                                                                    <div class="relatedStarRating">
                                                <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span>                                            </div>
                                                                            </div>
                                    <a class="relatedQuestionText" href="/study-help/principles-of-macroeconomics/it-is-often-suggested-that-the-federal-reserve-try-to-2132076" >
                                        It is often suggested that the Federal Reserve try to achieve zero inflation. If we assume that velocity is constant, does this zero-inflation goal require that the rate of money growth equal zero?...                                    </a>
                                    <div class="relatedQuestionCartFooter">
                                        <div class="relatedHistory">
                                            <p>
                                                Answered: <span>1 week ago</span>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                </section>
                                        <hr class="expert-separator">
                <div class="next-previous-button">
                    <div class="navigationButtons">
                                                    <a class="previousQuestionButton" href="/study-help/questions/java-language-program-circular-linked-lst-1-insert-13689767">Previous Question</a>
                                                                            <a class="nextQuestionButton" href="/study-help/questions/what-is-disadvantage-in-cyberlab-system-13689769">Next Question</a>
                                            </div>
                </div>
                    </div>
        <div class="promo items-center justify-center hidden" style="margin-left:-15px;">
            <div class="app_promo">
                <div class="app_promo_headline">
                    <img class="app_promo_icon" alt="Mobile App Logo" width="40" height="40" loading="lazy" src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/mobile/finalLogo.png">
                    <p class="app_promo_title font-sans items-center">View Answer in SolutionInn App</p>
                </div>
                <button class="app_promo_action redirection question_open_url='q_id=13689768&q_type=2'"> Download on the App Store </button>
                <button class="btn btn-default app_promo_dismiss"> Continue with the mobile website </button>
            </div>
        </div>
    </main>
</div>
<div class="blank-portion"></div>
<footer>
<div class="container footerHolder">
    <div class="footerLinksFlex">
        <div class="footerLinksCol col-md-3 col-lg-3 col-sm-6 col-6">
            <p>Services</p>
            <ul>
                <li><a href="/site-map">Sitemap</a></li>
                <li><a href="/fun/">Fun</a></li>
                <li><a href="/study-help/definitions">Definitions</a></li>
                <li><a href="/tutors/become-a-tutor">Become Tutor</a></li>
                <li><a href="/study-help/categories">Study Help Categories</a></li>
                <li><a href="/study-help/latest-questions">Recent Questions</a></li>
                <li><a href="/study-help/questions-and-answers">Expert Questions</a></li>
            </ul>
        </div>
        <div class="footerLinksCol col-md-3 col-lg-3 col-sm-6 col-6">
            <p>Company Info</p>
            <ul>
                <li><a href="/security">Security</a></li>
                <li><a href="/copyrights">Copyrights</a></li>
                <li><a href="/privacy">Privacy Policy</a></li>
                <li><a href="/conditions">Terms & Conditions</a></li>
                                <li><a href="/solutioninn-fee">SolutionInn Fee</a></li>
                <li><a href="/scholarships">Scholarship</a></li>
            </ul>
        </div>
        <div class="footerLinksCol col-md-3 col-lg-3 col-sm-6 col-6">
            <p>Get In Touch</p>
            <ul>
                <li><a href="/about-us">About Us</a></li>
                <li><a href="/support">Contact Us</a></li>
                <li><a href="/career">Career</a></li>
                <li><a href="/jobs">Jobs</a></li>
                <li><a href="/support">FAQ</a></li>
                <li><a href="/campus-ambassador-program">Campus Ambassador</a></li>
            </ul>
        </div>
        <div class="footerLinksCol col-md-3 col-lg-3 col-sm-6 col-12">
            <p>Secure Payment</p>
            <div class="footerAppDownloadRow">
                <div class="downloadLinkHolder">
                    <img src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/rewamp/common/footer/secure_payment_method.png" class="img-fluid mb-3" width="243" height="28" alt="payment-verified-icon" loading="lazy">
                </div>
            </div>
            <p>Download Our App</p>
            <div class="footerAppDownloadRow">
                <div class="downloadLinkHolder mobileAppDownload col-md-6 col-lg-6 col-sm-6 col-6 redirection"  data-id="1">
                    <img style="cursor:pointer;" src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/rewamp/home_page/google-play-svg.svg" alt="SolutionInn - Study Help App for Android" width="116" height="40" class="img-fluid mb-3 "  loading="lazy">
                </div>
                <div class="downloadLinkHolder mobileAppDownload col-md-6 col-lg-6 col-sm-6 col-6 redirection"  data-id="2">
                    <img style="cursor:pointer;" src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/rewamp/home_page/apple-store-download-icon.svg" alt="SolutionInn - Study Help App for iOS" width="116" height="40" class="img-fluid mb-3"  loading="lazy">
                </div>
            </div>
        </div>
    </div>
</div>
<div class="footer-bottom">
    <p>© 2024 SolutionInn. All Rights Reserved</p>
</div></footer>
<script>
    window.addEventListener("load",function(){jQuery(document).ready(function(t){t.ajax({type:"POST",url:"/",data:{trackUserActivity:!0,reqUri:document.URL,referer:document.referrer},success:function(t){}})})},!1),window.addEventListener("load",function(){jQuery(document).ready(function(t){t.ajax({type:"POST",url:"/",data:{insertCrawler:!0,reqUri:document.URL,parseTime:"0.056",queryTime:"0.01654768548584",queryCount:"30"},success:function(t){}})})},!1),window.addEventListener("load",function(){jQuery(document).ready(function(){function t(t="",n=!1){var i="itms-apps://itunes.apple.com/app/id6462455425",e="openApp://action?"+t;isAndroid()?(setTimeout(function(){return window.location="market://details?id=com.solutioninn.studyhelp",!1},25),window.location=e):isIOS()?(setTimeout(function(){return window.location=i,!1},25),window.location=e):(i="https://apps.apple.com/in/app/id6462455425",n&&(i="https://play.google.com/store/apps/details?id=com.solutioninn.studyhelp"),window.open("about:blank","_blank").location.href=i)}jQuery("#appModal").modal("show"),jQuery(".download-app-btn").click(function(){t(jQuery(this).attr("question_open_url"))}),jQuery(".redirection").click(function(){var n=jQuery(this).attr("question_open_url"),i=jQuery(this).attr("data-id");void 0!=n?1==i?t(n,!0):t(n,!1):1==i?t("",!0):t("",!1)}),jQuery(".app-notification-close").click(function(){jQuery(".app-notification-section").css("visibility","hidden");var t=new FormData;t.append("hide_notification",!0),jQuery.ajax({type:"POST",url:"/",data:t,cache:!1,contentType:!1,processData:!1,beforeSend:function(){},success:function(t){location.reload()}})})})},!1);
</script>
</body>
</html>