← Contents

  STUDY_html_006_B.html

<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    
サンプル・ダウンロード  


トップにもどるボタン