プログラミング前回記事の解説というか、コードを見やすいように表示しつつちょこちょこコメントを入れましたφ(..)ラジオボタン、テキストボックス、プルダウンリスト、テキストエリア等色々と試しているので、HTML/JavaScriptで何か作ってみたい場合の参考になればと思います。↓下記記事の説明になります。・ラジオボタンを選択するとonclickイベントで[選択中の商品]の表示を切り替える(ChangeGoodsInfo)・画像をクリックするとonclickイベントでラジオボタンが選択される(ClickGoodsImage)<p>以下より商品をお選び下さい(画像クリックでも選択可)。amaon_temp;}//--></script>お支払いカード情報のご入力HTML★ポイント・テキストボックスの使用(カード名義人・カード番号)・プルダウンリストの使用(有効期限)・カード番号の入力後、onkeyupイベントにより[ご利用カード]の表示を切り替える(ChangeCardInfo)<p>以下のカード情報をご入力下さい。value="2028">2028</option></select></form><p>※JCB/VISA/MASTERブランドをご利用頂けます。先頭3(JCB)/4(VISA)/5(MASTER)且つ16桁の番号以外は購入時にエラーとなります。change_card_num.substr(12,4);}//--></script>お支払い方法の選択HTML★ポイント・プルダウンリストの使用<p>一括払い/リボ払いのみご利用頂けます。change_pay_method;}//--></script>商品ご購入HTML★ポイント・入力によって下記の表示が切り替わる・購入ボタンを押すと購入処理(purchase)を実行<p>以下の内容でよろしければ、”購入”ボタンをクリックして下さい。onclick="purchase()">JavaScript★購入処理(purchase)の説明(1)入力チェック入力された商品情報、カード情報が不正な値でないかチェックする。チェックOKの場合、クレジット売上票の編集、ダイアログメッセージの表示、ダウンロードリンクの表示を行う。チェックNGの場合、ダイアログメッセージを表示し処理を終了する。(2)クレジット売上票編集(edit_credit_slip)入力された商品情報、カード情報を元に、テキストエリアに表示するクレジット売上票の内容を編集する。(3)ダウンロードリンク表示(show_download_link)選択された商品のダウンロードリンクを表示する。★ポイント処理を説明する際には、IPOを考える(最近上司に教わりました)。文脈によって自明なこと等は適宜省略したりする。例)入力チェック入力された商品情報、カード情報が(I)不正な値でないかチェックし(P)、OK/NGの結果を出力する(O)。alert("お買い上げありがとうございます。\nダウンロードリンクより商品をダウンロードして下さい。ご利用ありがとうございました。SaveToFile('クレジット売上票.txt',Stream);}</script>おわり以上です。今回は色々なAPIで遊びます。Clo...2018-10-08【ブログ作成】はてなブログのデザイン参考はてなブログで使用させて頂いているデザインテーマ、参考にさ...2018-10-04【プログラミング】カード番号のチェックデジットを判定する(JavaScript)【クレジットカード】カード番号の最後の一桁は「チェックデジット」と呼ばれ、カー...2018-07-16【プログラミング】はてなブログでオンラインショッピングごっご【JavaScript】オンラインショッピングごっごです。fintech-diaryはてなブログをはじめよう!natsumedeusさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。