<html> <meta charset="utf-8"> <script> 外部すくりぷと </script> <script> すくりぷと </script> <div style="text-align:center;margin-top:40px;"ng-controller="変換"ng-app="文字列表示"> <h1 style="font-size:30px;">私はトランペットを演奏します.</h1> <form><select ng-model="season"style="font-size:28px;"> <option value=""> 言語を選択 </option> <option value="英語">English</option> <option value="フランス語">French</option> <option value="ドイツ語">German</option> <option value="イタリア語">Italian</option> </select></form> <div ng-switch="season"> <span ng-switch-when="英語"style="font-size:30px;color:red;" >I play the trumpet in the Brass band.</span> <span ng-switch-when="フランス語"style="font-size:30px;color:blue;" >Je joue de la trompette dans la fanfare.</span> <span ng-switch-when="ドイツ語"style="font-size:30px;color:purple;" >Ich spiele Trompete in der Blaskapelle.</span> <span ng-switch-when="イタリア語"style="font-size:30px;color:green;" >Suono la tromba nella banda di ottoni.</span> <span ng-switch-default style="font-size:24px;color:black;" >Translation / Traduire / übersetzen / Tradurre</span> </div> <form style="margin-top:20px;"><input type="button"onclick="location.reload();"value="全てを消去"></form> </div> </html>
<script src="STUDY_html_006.js"></script>
<script> angular.module('文字列表示',[]) .controller('変換',['$scope',function($scope){}]); </script>
STUDY_html_006_B ▶[ TCP_IP.pdf \ sample_STUDY_html_006_B.pdf
サンプル・ダウンロード