HTML シンプルショッピング数量アプレット

HTML シンプルショッピング数量アプレット

この記事では、参考までにシンプルなHTMLショッピング数量アプレットを紹介します。具体的な内容は次のとおりです。

XML/HTML コードコンテンツをクリップボードにコピー
  1. <html>   
  2.     <ヘッド>   
  3.   
  4.        < title >ショッピング数量アプレット</ title >   
  5.   
  6.      <スクリプト>   
  7. 関数サブ()
  8. {
  9.   
  10. var a = buy.ans.value ;
  11. //アラート(a);
  12.             パース
  13. a--;
  14. もし(a < 0 )
  15.               0 ;
  16.             購入.ans.値= a;
  17. }
  18. 関数 add()
  19. {
  20. var a = buy.ans.value ;
  21.             パース
  22. ++;
  23.             購入.ans.値= a;
  24. }
  25.          </スクリプト>   
  26.   
  27.     </ヘッド>   
  28.   
  29.     <本文>   
  30.       <フォーム 名前= "購入" >   
  31. 購入数量<入力 タイプ= "ボタン"   = "-"   onclick = "sub()" >   
  32.              <入力 タイプ= "テキスト"  名前= "ans"  = "1" >   
  33.              <入力 タイプ= "ボタン"   = "+"   onclick = "追加()" >   
  34.   
  35.       </フォーム>   
  36.      </本文>   
  37. </html>   
  38.   

以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

<<:  MySQL チュートリアル: サブクエリの例の詳細な説明

>>:  JavaScript を学ぶときに知っておくべき 3 つのヒント

推薦する

私が遭遇したIE8の互換性に関する注意事項

1. IE8 の getElementById は id のみをサポートし、name はサポートしま...

Dockerコマンドは一般ユーザーが実行できるように実装されている

dockerをインストールすると、通常はdockerユーザーグループが作成されます。ステップ2: 現...

Docker プライベート ウェアハウスを構築する (自己署名方式)

作成したイメージを一元管理し、サービスの展開を容易にするために、プライベート Docker リポジト...

vue3 を使用してカウント関数コンポーネントのカプセル化例を実装する

目次序文1. カプセル化の重要性2. どのようにカプセル化しますか? 1. アイデア2. 準備2. ...

Dockerコンテナシェルスクリプトの実行ステータスを監視する方法

シナリオ会社のプロジェクトはDockerでデプロイされています。原因不明ですが、コンテナが時々停止し...

過去2年間のユーザーエクスペリエンス

<br />国内のウェブサイトが本格的に普及し、ユーザーエクスペリエンスに重点が置かれる...

jQueryはhide()とtoggle()関数を使用してカメラブランド表示の非表示機能を実現します。

最近、jQuery を学習しているときに、show()、hide()、toggle() 関数に出会い...

Linux における SUID、SGID、SBIT の素晴らしい使い方の詳細な説明

序文Linux のファイル権限管理はとにかく素晴らしいです。SUID、SGID、SBIT の機能を確...

HTML ウェブページ作成のための 8 つの強力なテクニック

<br />作業を簡単に完了できる Web ページ作成ツールは数多くありますが、HTML...

Nginx の break と last の違いの詳細な分析

まずは違いについて話しましょう最後に、書き換えられたルールは、次の場所と一致させるために書き換えられ...

HTML メタの説明

導入メタタグは、HTML言語のHEAD領域にある補助タグです。 meta は、ページの説明、キーワー...

カルーセルカルーセルケースのJS実装

この記事の例では、カルーセルカルーセルを実装するためのJSの具体的なコードを参考までに共有しています...

バックエンドの権限に基づいてナビゲーション メニューを動的に生成する Vue-router のサンプル コード

目次js の1. グローバルガードを登録する2. Vuex 状態管理グローバルキャッシュルート3. ...

Vue で配列をクリアするいくつかの方法 (要約)

目次1. はじめに2. データを消去するいくつかの方法2.1 ref() の使用2.2 スライスの使...

Element における複数データ読み込み最適化の実装

目次シナリオコードの実装要約:シナリオ最近、ElementUI をベースにしたバックグラウンド管理シ...