Question

All scores entered into the program must be validated. In order to do this, the program needs to know the range of point available, from zero to the maximum possible score (MaxScore). To do this, implement the form's load-event handler. It should use an input box to get the MaxScore (i.e. total points available) value from the user. This MaxScore value must be validated, using a separate function, as an integer that is greater than zero before being accepted. The value of MaxScore must be stored in a class variable. The program must use a labeled text box that allows the user to enter scores, one-at-a-time. The scores entered must be stored in a list box. A button labeled (with something like) "Record Score" must take the score that the user entered in the text box (above) and enters that value into a list box that is initially empty. This allows the user to enter a list of scores of arbitrary length The action performed by the "Record Score" button's click-event handler must only allow scores between 0 and MaxScore with a step size of 0.5: 10, 0.5, 1, 1.5, ..., MaxScore). That is, the value must be tested for validity. This validity testing must be performed using one or more procedures or functions; a score's validity cannot be tested directly within the "Record Score" button's click- event handler. A second button labeled with something like "Analyze Scores" must perform all of the statistical analyses indicated above. Each statistic must be placed in its own output label that has a border style set to make it show and have a fixed size. The output in these labels must be displayed to three decimal places, except where fewer decimal places can be displayed with no loss of precision Each statistic must be calculated using its own function that does the work. Note that these functions must not directly alter the content of any output label. Rather they should generate and return the desired numeric value, which is displayed (with the appropriate formatting) in the appropriate output label by the "Analyze Scores" button's click-event handler. Every type of loop must be used in the calculations performed in the various statistics functions, including: For...Next, Do While...Loop, Do Until...Loop, Do...Loop While..., and Do...Loop Until.... The statistics functions must implement

Answer 1

Hi I have much knowledge in Ionic and angularjs (Note: you are not mentioned any technologies)

below code define price range and validations and CSS code it will be helpful to you please feel free add content what you want.

1. HTML CODE: this will display the content

<div ng-app="demoApp" ng-controller="demoController">
    <div mobiscroll-form="settings" class="md-slide-range" style="display:none">
        <div class="mbsc-form-group-inset">
            <label class="md-slider">
                <span class="md-val md-val-left">$10</span>
                <input class="md-price-start" type="range" ng-model="minPrice" min="10" max="600"  data-tooltip="true">
                <input class="md-price-end" type="range" ng-model="maxPrice"  min="10" max="600" />
                <span class="md-val md-val-right">$600</span>
            </label>
        </div>
        <div class="md-text mbsc-padding">
            <h4>Price Range</h4>
            <div class="md-range-text"> from <span class="md-text-start">${{minPrice}}</span> to <span class="md-text-end">${{maxPrice}}</span></div>
        </div>


    </div>
</div>

2.CSS CODE:

.md-slide-range {
    padding-top: 4em;
}

.md-slide-range .mbsc-form-group-inset {
    position: relative;
}

.md-slide-range .md-slider.mbsc-slider,
.md-slide-range .md-slider .mbsc-slider {
    padding: 0 3em;
}

.md-slide-range .md-val {
    position: absolute;
    top: 50%;
    margin-top: -.571428em;
    font-size: 14px;
}

.md-slide-range .md-val-left {
    left: 12px;
}

.md-slide-range .md-val-right {
    right: 6px;
}

.md-slide-range .md-text {
    text-align: center;
}

.md-slide-range .md-range-text {
    font-size: 14px;
}

.md-slide-range.mbsc-ios .mbsc-slider {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.md-slide-range .mbsc-slider-tooltip:before {
    content: '$';
}

3.JS CODE:

angular
    .module('demoApp', ['mobiscroll-form', 'mobiscroll-slider'])
    .controller('demoController', ['$scope', function ($scope) {

        $scope.settings = {
            theme: 'ios'
        };

        $scope.minPrice = 100;
        $scope.maxPrice = 500;

    }]);

Thanks,

Suneel Kumar